Originally forked from

(https://github.com/sierra-library/sierra). I take no credit for this whatsoever, I just wanted to make the breaking chnages right again.

What's the difference with other SCSS libraries?

This is a micro SCSS library to help you build websites

    ✓ Only 32.9 kB (8.2 kB gzipped)     ✓ Modular     ✓ Customize colors, borders, radius & sizes     ✓ Responsive     ✓ Uses dart-sass/sass

Quick install

Using npm

npm install sierraLibrary-Dart --save-dev

Import

In sass files (recommended)

@import 'sierraLibrary-Dart/src/index';

or directly in your html

<link rel="stylesheet" href="dist/sierra.min.css">

Customize

If you want to customize Sierra library's theme, create your own custom-settings file and add it just before importing sierra files:

@import 'custom-settings';
@import 'sierraLibrary-Dart/lib/index';

This custom-settings.scss file should contain all those SCSS variables you want to overwrite:

$c-primary: #3498db;
$c-secondary: #2ecc71;

$fz-base: 18px;

Contributing

Contributing rules

• Any ideas on streamlining would be greatly appreciated.
• I'm open to all ideas.
• Use the .scss-lint file located in the root folder.

Are you using Sierra Library in your awesome project too? drop us an email.

To do

I plan on updating some of the dependencies. Improving some of the code based on DART-SASS Reducing the filesize further

Original made by Joan Claret (@dpam23) and contributors  |  This library is licensed under the GNU General Public License v2.0.

This version updated by Darren Mackintosh ([email protected]).