puresass

Puresass - Yahoo purecss in sass

Package based on normalize-sass and purecss

Installation

To install puresass package run this command

npm install puresass --save-dev

Usage

Include all

@import "puresass-all";

... or by modules

@import "puresass";

// include normaliza.sass with purecss core
@include puresass-base();
@include puresass-buttons();
@include puresass-forms();
// @include puresass-grids
@include puresass-grids-responsive();
@include puresass-menus();
@include puresass-tables();

... or by pieces

@import "puresass";

@include puresass-base(
//include
(all, document, sections, grouping, links, text, embedded, forms, tables,    interactive, scripting, hidden, extras),
//exclude
(document, sections, grouping, links, text, embedded, forms, tables,    interactive, scripting, hidden, extras));
    
@include puresass-buttons(
//include
(all, buttons, buttons-group), 
//exclude
(buttons, buttons-group));

@include puresass-menus(
//include
(all, horizontal, scrollable), 
//exclude
(horizontal, scrollable));

@include puresass-forms();
//@include puresass-grids();
@include puresass-grids-responsive();
@include puresass-tables();

Some variables

// render only purecss core *
$pure-core-only: false;

// pure prefix *
$pure-prefix: "pure-";

* set variable before @import directive
All variables here

TODOs

• [ ] Testing
• [ ] Grids generator

License

Pure © 2014 Yahoo! Inc. Released under a BSD license.
Normalize-scss (MIT OR GPL-2.0)
Puresass Valera Martinuk MIT