cripsy-boilerplate

Flat Sass Boilerplate to give you a amount of Basic Settings, Mixins and Functions. This Boilerplate uses

• normalize.css /
• reflex-grid /

media queries

The queries are only

@include crispy__media-xs() {

}

npm install crispy-boilerplate --save

Components

There a few Components, some are also provide a Closure to adding additional Styles.

align

Additional Styles for modificators for align text, floating and centering elements.

body

Styles for Body, including Format for Fonts and Colors.

button

Styles for Buttons.

heading

Styling h1-h6 and create also CSS-Classes with same name.

icon

Styles to use SVG as Icons.

list

Additional Styles for Lists and modificators.

margin

Additional Styles for modificators to margin-top and margin-bottom.

normalize

Normalizing for a few Elements.

text-colors

Creates text-colors modificators from a

Functions

pxToEm, pxToRem

Function to convert from px to em or rem.

Mixins

clearfix

Styles for clearfix.

font-size

Add font-size with fallback.