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(4mo ago)8473CC-BY-SA-3.0HTMLPHP >=5.4.0 Since Aug 13Pushed 4mo 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 1mo 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) - 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 36 — LowBetter than 82% of packages Maintenance73 Regular maintenance activity Popularity22 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 149d 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 (16 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.7k424.4k1](/packages/desandro-masonry)[phpcollection/phpcollection General-Purpose Collection Library for PHP 1.0k64.0M34](/packages/phpcollection-phpcollection)[ihor/nspl Non-standard PHP library (NSPL) - functional primitives toolbox and more 381368.5k](/packages/ihor-nspl)[codenco-dev/nova-grid-system A Laravel Nova tool to have a grid system 80300.1k](/packages/codenco-dev-nova-grid-system)[topshelfcraft/supersort ...a super-duper sorting function for your Craft templates. 4287.1k1](/packages/topshelfcraft-supersort)[graze/sort A collection of array sorting transforms and functions 12289.6k2](/packages/graze-sort) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)