PHPackages deefaze/startless - 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. deefaze/startless ActiveLibrary[Utility & Helpers](/categories/utility) deefaze/startless ================= Startless - Less starting bloc for any projects 116Shell Since Apr 3Pushed 8y ago1 watchersCompare [ Source](https://github.com/Deefaze/startless)[ Packagist](https://packagist.org/packages/deefaze/startless)[ RSS](/packages/deefaze-startless/feed)WikiDiscussions master Synced 3d ago READMEChangelogDependenciesVersions (1)Used By (0) StartLess ========= [](#startless) Table of content ---------------- [](#table-of-content) [1. installation](#1-installation) > [1.1 Composer](#11-composer) > [1.2 or Download](#12-or-download) > [1.3 View reference page](#13-view-reference-page) [2. Usage @ Dev](#2-usage--dev) > [2.1 Locate main Less file](#21-locate-main-less-file) > [2.2 Configuration](#22-configuration) > [2.3 Compress CSS / Sourcemap](#23-compress-css--sourcemap) > [2.4 LESS Mixins](#24-less-mixins) > [2.5 CSS Rules](#25-css-rules) [3. Usage @ Production](#3-usage--production) --- What is StartLess ? ------------------- [](#what-is-startless-) Startless is a Less/Css starting bloc for any Html/CSS web application. Startless include base of css reset, normalization, fonts and colors theme. What StartLess use ? -------------------- [](#what-startless-use-) Startless use LESS/CSS type files. Fonts theme base on some of Google Fonts like Roboto, Lato, Ubuntu, Oswald... --- 1. Installation =============== [](#1-installation) 1.1 Composer ------------ [](#11-composer) Run this `composer` command in your `terminal` : ``` composer require deefaze/startless dev-master ``` 1.2 or Download --------------- [](#12-or-download) Go to [Deefaze/starless](https://github.com/Deefaze/startless) repo, select `master` branch and click `Clone or download` > `Download ZIP` or just [Click here](https://github.com/Deefaze/startless/archive/master.zip). 1.3 View reference page ----------------------- [](#13-view-reference-page) The `test/index.html` cannot be called directly from `file:///` protocol, launch from your own server. Starless provide a script for create a PHP Server on 127.0.0.254:80. Go to Startless root path, open a terminal (CMD on Windows) and run `win-php-server.cmd` (NB: require a valid PHP > v5.3 installation), this launch automaticaly the index in your browser. If not, go to Other terminal in your editor ? You can launch CMD into your current terminal (terminalception), run like this : ``` dev@dev-PC MINGW64 /s/www/startless/ (master) $ cmd /k ``` next, run `win-php-server.cmd` from CMD : ``` Microsoft Windows [version 10] (c) 2017 Microsoft Corporation. All rights reserved. S:\www\startless\win-php-server.cmd ``` Return to your terminal ? run `exit` from CMD. --- ↥ [Return to TOC](#table-of-content) --- 2. Usage @ Dev ============== [](#2-usage--dev) 2.1 Locate main LESS file ------------------------- [](#21-locate-main-less-file) The main file is `src/scss/main.less`. But this, contain only `@import` directives. `src/scss/Public/` folder is more [interesting](#25-scsspublic). 2.2 Configuration ----------------- [](#22-configuration) `config\` contain Startless `config.less`, you need to edit this : ``` // Theme [default, belle, onedark] @theme-selector : 'onedark'; // Font [default, raleway, ubuntu, roboto, laosov (lato, oswald, overpass), ibm] @font-selector : 'ibm'; ``` 2.3 Compress CSS / Sourcemap ---------------------------- [](#23-compress-css--sourcemap) This is localized into `scss/main.less` file. If you use a less compiler who support first line parameter like : ``` // out: ../css/styles.css, compress: false, sourcemap: false ``` You just need to set `compress` or `sourcemap` to `true/false`. 2.4 LESS Mixins --------------- [](#24-less-mixins) `components/` contain Less mixins, themes, fonts, no CSS rules here ... `components/themes/` contain all colors themes, you can add yours here. `components/themes.less` Startless themes core file. `components/fonts/` contain all fonts configurations, you can add yours here. `components/fonts.less` Startless fonts core file. 2.5 CSS Rules ------------- [](#25-css-rules) `public\` contain all CSS rules. Put yours here. This already contain a basic reset and normalizer, root (`:root{}`) variables, document parameters ... --- ↥ [Return to TOC](#table-of-content) --- 3. Usage @ Production ===================== [](#3-usage--production) Compile `scss/main.less` and use `css/styles.css` in your project, like : ``` { ... } { ... } ``` NB : On standard production, startless is not needed, you can deploy CSS in any ways : 1. copy `css/styles.css` file in your assets... 2. set the `out` parameter in `main.less` for targeting your assets... 3. use `lessc` in terminal (require [npm](https://nodejs.org/en/) + [less](http://lesscss.org/) installation) and compile to your assets... --- ↥ [Return to TOC](#table-of-content) --- ### Health Score 21 — LowBetter than 19% of packages Maintenance20 Infrequent updates — may be unmaintained Popularity7 Limited adoption so far Community9 Small or concentrated contributor base Maturity41 Maturing project, gaining track record Bus Factor1 Top contributor holds 97.6% 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. ### Community Maintainers ![](https://www.gravatar.com/avatar/f05e7da1824522a56a8a57880065304d02bc3cc4bdecd7ece41b183599ca1972?d=identicon)[deefaze](/maintainers/deefaze) --- Top Contributors [![Deefaze](https://avatars.githubusercontent.com/u/6393617?v=4)](https://github.com/Deefaze "Deefaze (41 commits)")[![evehne](https://avatars.githubusercontent.com/u/23144992?v=4)](https://github.com/evehne "evehne (1 commits)") --- Tags csshtml-csslesstheme-colorthemes-fontsui-design ### Embed Badge ![Health badge](/badges/deefaze-startless/health.svg) ``` [![Health](https://phpackages.com/badges/deefaze-startless/health.svg)](https://phpackages.com/packages/deefaze-startless) ``` ### Alternatives [magepow/flipbook Magento 2 Flipbook 1013.8k](/packages/magepow-flipbook) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)