- commit
- bd21c56d941c2410962128c484e752717faceab9
- parent
- 6af2ef6210f8cee97f6efb71e2baf83604de892b
- Author
- Tobias Bengfort <tobias.bengfort@posteo.de>
- Date
- 2017-12-22 14:20
update README
Diffstat
| M | README.md | 57 | +++++++++++++++++++++++++++++++-------------------------- |
1 files changed, 31 insertions, 26 deletions
diff --git a/README.md b/README.md
@@ -1,44 +1,49 @@ 1 1 Sass-Planifolia - Vanilla Sass helper functions 2 23 -1 [Sass](http://sass-lang.com/) is great, but some of its libraries not so much.4 -1 [Compass](http://compass-style.org/), the most popular of them all, seems to be5 -1 unmaintained. In addition, the rise of [libSass](http://sass-lang.com/libsass)6 -1 means that ruby extensions are no longer a good way forward.-1 3 [Compass](http://compass-style.org/) was great, but it has been unmaintained -1 4 for a while now. In addition, the rise of -1 5 [libSass](http://sass-lang.com/libsass) means that ruby extensions are no -1 6 longer a good way forward. 7 78 -1 Planifolia is a collection of high-quality implementations of common framework9 -1 functionality. It does not depend on a specific implementation of the Sass10 -1 compiler.-1 8 Planifolia is a collection of commonly used helper functions. It does not -1 9 depend on a specific implementation of the Sass compiler. -1 10 -1 11 The following modules are included: -1 12 -1 13 - **math** for high performance math functions -1 14 - **contrast** for WCAG compatible [color -1 15 contrast](https://www.w3.org/TR/WCAG20/#contrast-ratiodef) functions -1 16 - **color** for CIELAB/CIELUV based color functions (with support for -1 17 [HSLuv](http://www.hsluv.org/)) -1 18 - **clearfix** for compass compatible clearfix mixins -1 19 - **grid** for simple grid mixins -1 20 -1 21 These modules can be imported individually (color depends on math though). -1 22 Also note that these modules will only define mixins and variables. They will -1 23 not output any CSS. This means that importing them does not add a single byte -1 24 to your CSS. -1 25 -1 26 See the [full documentation](https://xi.github.io/sass-planifolia/) for more -1 27 details. 11 28 12 29 # Quick start 13 3014 -1 bower install xi/sass-planifolia-1 31 npm install sass-planifolia 15 32 16 33 Import it in your Sass files: 17 3418 -1 @import "bower_components/sass-planifolia/sass/math";19 -1 @import "bower_components/sass-planifolia/sass/contrast";-1 35 @import "node_modules/sass-planifolia/sass/math"; -1 36 @import "node_modules/sass-planifolia/sass/contrast"; -1 37 @import "node_modules/sass-planifolia/sass/color"; 20 38 21 39 .test {22 -1 background: red;-1 40 background-color: red; 23 41 color: contrast-color(red); -1 42 border-color: contrast-stretch(red, orange); -1 43 box-shadow: 0 0 1em pf-shade(red, 0.5, 'lab'); 24 44 font-size: 16px * pow(2.3, 1.5); 25 45 } 26 4627 -1 # Features28 -129 -1 - Does not depend on a specific Sass implementation30 -1 - Leightweight31 -1 - Unit tests32 -1 - [Fully documented](https://xi.github.io/sass-planifolia/)33 -1 - High performance math algorithms34 -1 - WCAG compatible [color35 -1 contrast](https://www.w3.org/TR/WCAG20/#contrast-ratiodef) functions36 -1 - CIELAB/CIELUV based color functions (with support for37 -1 [HSLuv](http://www.hsluv.org/))38 -1 - More functionality may be added on demand.39 -1 - Can be installed with bower or npm (eyeglass). Other options may be added40 -1 on demand.41 -142 47 # What is not included? 43 48 44 49 - Vendor prefixes, polyfills or browser hacks. There are plenty of librariers