lazier.sass

A small set of tiny SASS files to avoid repetitive definitions.

View on GitHub

Introduction

A small set of tiny SASS files to avoid repetitive definitions.

https://sw.cowtech.it/lazier.sass

Usage

The only requirement is the usage of SASS and NPM.

npm install lazier.sass

You can then import file inside your stylesheets file and unleash your creativity.

Lazier.sass also includes Normalize.css, Font Awesome and Ribbon.css.

Note the lazier.sass uses rem as the only unit, so it's advised to set the value explicitily:

html
  font-size: 10px // This is to set 1rem = 10px

Examples

// ... other imports before ...
@import "node_modules/lazier.sass/lazier/main";
// ... other imports after ...

// ... other rules ...
// ... other imports before ...
@import "node_modules/normalize.css/normalize";
@import "node_modules/lazier.sass/lazier/modules/_palette";
@import "node_modules/ribbon.css/_ribbon";
// ... other imports after ...

// ... other rules ...

That's it! Pretty easy, isn't it?

Browser compatibility

Tested to be working on the most recent (that is: latest two major versions) of all modern browsers.

Contributing to lazier.sass

Copyright

Copyright (C) 2016 and above Shogun (shogun@cowtech.it).

Licensed under the MIT license, which can be found at https://choosealicense.com/licenses/mit.

Your browser is obsolete. For the best browsing experience, update it for free by visiting BrowseHappy.
There is a shiny new version. Update now!
Made by a proud Italian!