Lightweight CSS Framework for Building Apps and Websites https://crispy-css.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
1.5 KiB

7 years ago
6 years ago
6 years ago
6 years ago
6 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
  1. # cripsy-boilerplate
  2. Flat Sass Boilerplate to give you a amount of Basic Settings, Components, Helpers,
  3. Mixins and Functions. It uses also the following Libraries,
  4. * normalize.css / (https://necolas.github.io/normalize.css/)[https://necolas.github.io/normalize.css/]
  5. * reflex-grid / (http://reflexgrid.com/docs/)[http://reflexgrid.com/docs/]
  6. Many Boilerplates and also Frameworks, are trying to hard adding styles that
  7. are most time will be overwritten to make it work for you. This causes a loss in
  8. Performance and more Fighting with the Framework and the Documentation.
  9. ## Coding Style
  10. The Boilerplate uses as Coding Style (http://getbem.com/)[BEM], but as a more
  11. simpler idea of it. One of the Benefits of BEM is that you create Components and
  12. can reuse them. But one the other hand it can be really Strange if you overthinking it.
  13. ## Not Fancy but Small
  14. Components are created to give you a Structure and a Basic set of Styles and
  15. not that they look fancy. The Idea is to extend each Compontent and save up
  16. a Bunch of CSS Code, and so get more Performance and less Errors.
  17. Of Course is really Fancy to get more Performance.
  18. ## Only Include if you need it
  19. Components and Helpers are organizes as Mixins, that makes it a little easier to
  20. add. Also it can be used to create multiples css files for each single site you
  21. need on a site oder
  22. ## Getting Started
  23. ### Installation
  24. ```
  25. npm install crispy-boilerplate
  26. ```
  27. ```
  28. @import "crispy";
  29. ```
  30. ```
  31. ```
  32. ### npm
  33. ### Example
  34. You find a Working Example i