sierra-library

The smallest and lightest scss library

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
sierra-library
851103.5.04 years ago7 years agoMinified + gzip package size for sierra-library in KB

Readme

<a href="https://sierra-library.github.io/" target="_blank"><img width="500" src="http://sierra-library.github.io/img/github/github-cover-2.svg"></a><br>
The smallest and lightest scss library


Gitter npm version Commitizen friendly

Online demo

Visit demo website.
Visit a theme customization example.

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

Quick install

Using npm
npm install sierra-library --save-dev

Import

In sass files (recommended)
@import 'sierra-library/lib/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 'sierra-library/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;

Examples

Theme customization example
Theme customization example code

Contributing

Contributing rules

  • Do not include unrelated commits in the same Pull Request.
  • Use .editorconfig file located in the root folder. More info
  • Use the .scss-lint file located in the root folder.
  • In case of doubt, join our chat sierra-library gitter.

Who's Using This?


Are you using Sierra Library in your awesome project too? drop us an email.
Made by Joan Claret (@dpam23) and contributors  |  This library is licensed under the GNU General Public License v2.0.