PHPackages johndoh/stretchedelastic - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. johndoh/stretchedelastic ActiveRoundcube-skin[Utility & Helpers](/categories/utility) johndoh/stretchedelastic ======================== Extends the Elasitc skin to add support for desktop and list mail view layouts 0.2(8mo ago)10531CC-BY-SA-3.0HTMLPHP >=5.4.0 Since Aug 13Pushed 3mo ago1 watchersCompare [ Source](https://github.com/johndoh/roundcube-stretchedelastic)[ Packagist](https://packagist.org/packages/johndoh/stretchedelastic)[ Docs](https://github.com/johndoh/roundcube-stretchedelastic/)[ RSS](/packages/johndoh-stretchedelastic/feed)WikiDiscussions master Synced 1w ago READMEChangelog (3)Dependencies (1)Versions (5)Used By (0) Roundcube Webmail Stretched Elastic =================================== [](#roundcube-webmail-stretched-elastic) This skin extends the Elastic skin shipped with Roundcube to add support for Desktop and List display modes on the mail screen along with a few other minor tweaks. This skin is not a standalone package. ATTENTION --------- [](#attention) This is just a snapshot from the GIT repository and is **NOT A STABLE version of Stretched Elastic**. It is Intended for use with the **GIT-master** version of Roundcube and it may not be compatible with older versions. Stable versions of Stretched Elastic are available from the [Roundcube plugin repository](https://plugins.roundcube.net/#/packages/johndoh/stretchedelastic)or the [releases section](https://github.com/johndoh/roundcube-stretchedelastic/releases) of the GitHub repository. License ------- [](#license) The contents of this folder are subject to the Creative Commons Attribution-ShareAlike License. It is allowed to copy, distribute, transmit and to adapt the work by keeping credits to the original authors in the README.md file. See [CC BY-SA 3.0](https://creativecommons.org/licenses/by-sa/3.0/) for details. Install ------- [](#install) - Install via Composer by adding `johndoh/contextmenu` to your `composer.json` file or running `composer require johndoh/contextmenu` or - Place this skin folder into skins directory of Roundcube - To set this is the default skin set `$config['skin']` to `stretchedelastic` - To hide the original Elastic skin on the Roundcube settings screen use the `$config['skins_allowed']` option **NB:** When downloading the plugin from GitHub you will need to create a directory called stretchedelastic and place the files in there, ignoring the root directory in the downloaded archive. All styles are written using LESS syntax. The skins is distributed with precompiled CSS but should you wish to customise it then recompliation can be done using the lessc (>= 2.5.2) command line tool. This comes with the `nodejs-less` RPM package or using `npm install less` which depend on nodejs. ``` $ lessc --clean-css="--s1 --advanced" --include-path=../elastic/styles styles/styles.less > styles/styles.min.css ``` (`--clean-css="--s1 --advanced"` minifies the css, requires the clean-css Less plugin. The plugin can be installed using `npm install less-plugin-clean-css`) References to image files from the included CSS files can be appended with cache-buster marks to avoid browser caching issues after updating. Run `bin/updatecss.sh --dir skins/stretchedelastic` before packaging the skin or after installing it on the destination system. For Developers -------------- [](#for-developers) - Skin color palette changes and other css modifications can be done via \_styles.less and \_variables.less files. Where you can overwrite all variables and add custom styles. ### Health Score 35 — LowBetter than 77% of packages Maintenance73 Regular maintenance activity Popularity21 Limited adoption so far Community7 Small or concentrated contributor base Maturity32 Early-stage or recently created project Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~859 days Total 2 Last Release 241d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/db409b928852344aac3d851f33b7f1412026cddfc8a9a258a52d11af1ec23ca5?d=identicon)[johndoh](/maintainers/johndoh) --- Top Contributors [![johndoh](https://avatars.githubusercontent.com/u/88682?v=4)](https://github.com/johndoh "johndoh (19 commits)") --- Tags listlayout ### Embed Badge ![Health badge](/badges/johndoh-stretchedelastic/health.svg) ``` [![Health](https://phpackages.com/badges/johndoh-stretchedelastic/health.svg)](https://phpackages.com/packages/johndoh-stretchedelastic) ``` ### Alternatives [desandro/masonry Cascading grid layout library 16.7k441.1k5](/packages/desandro-masonry)[roundcube/roundcubemail The Roundcube Webmail suite 7.1k3.2k3](/packages/roundcube-roundcubemail)[phpcollection/phpcollection General-Purpose Collection Library for PHP 96464.9M34](/packages/phpcollection-phpcollection)[toteph42/identity_switch This plugin allows users to switch between different identities (and check for new mails) in a single Roundcube session. 241.6k](/packages/toteph42-identity-switch)[codenco-dev/nova-grid-system A Laravel Nova tool to have a grid system 81390.6k](/packages/codenco-dev-nova-grid-system)[topshelfcraft/supersort ...a super-duper sorting function for your Craft templates. 4188.5k1](/packages/topshelfcraft-supersort) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)