Björn 0c00e124ab | 5 years ago | |
---|---|---|
dist | 5 years ago | |
example | 5 years ago | |
src/scss | 5 years ago | |
.gitignore | 6 years ago | |
LICENSE | 7 years ago | |
README.md | 5 years ago | |
mix-manifest.json | 5 years ago | |
package-lock.json | 5 years ago | |
package.json | 5 years ago | |
webpack.mix.js | 5 years ago |
Flat Sass Boilerplate gives you an amount of basic settings, components, helpers, mixins and functions.
The problem of most frameworks is they trying to hard adding a lot of styles, which has to be customized and documented if you used it for a Project. Often these changes cause a loss of performance and raise the probability of errors.
The boilerplate uses as coding style http://getbem.com/, but as a more simpler idea of it. One of the benefits of BEM is that you create components and can reuse them. But one the other hand it can be really strange if you overthinking it.
Components are created to give you a structure and a basic set of styles and not to look fancy. The idea is to extend each component and save time to write a bunch of extra CSS code and therefore get more performance while minimize the causes of errors. Of Course is really Fancy to get more Performance and less Errors.
npm install crispy-boilerplate
Main SCSS-File:
@import
"crispy";
After this, include Mixins you need:
@include crispy__*()
To overwrite defaults simple add your own config-file after importing crispy:
@import
"crispy",
"config";