Deprecated. CSS frameworks are not worth it. These days I use a much smaller CSS core without any "components". See the repository.
stylific is a CSS library, similar to
Bootstrap, with a focus on modern CSS features.
See the documentation/demo site.
- No pixels. Dimensions are based on
rem, making them easy to scale together.
- Layouts are based on flexbox and don't use floats.
The library is written with Sass. The best way to use it
is by importing into your Sass. This lets you configure stylific with variables,
use its mixins, derive styles with
@extend, and so on.
In a shell:
npm i --save-dev stylific # or bower i --save stylific # or jspm install stylific
In your Sass source (adjust the relative path to match yours):
Before importing, you can adjust variables exposed by the package, such as the
tagname prefix, colours, media breakpoints, fonts, and other. See
scss/_variables.scss for the full option reference.
Caution: neither Sass nor stylific account for missing vendor prefixes. You
must compensate by combining it with
autoprefixer in your build system.
If you spot a bug or have a feature suggestion, please open an issue.
To contribute code, send a pull request.
gh-pages branch) is compiled from
docs-src in the master
branch. To contribute to the documentation, send pull requests to