Awesome CSS with
Bourbon, Neat, Bitters and Refills
Bourbon
A simple and lightweight mixin library for Sass.
Neat
A lightweight semantic grid framework for Sass and Bourbon.
Bitters
Scaffold styles, variables and structure for Bourbon projects.
Refills
Bourbon
@include linear-gradient(red, blue);
/*Converts px value to em*/
font-size: em(15);
/*Values: Size, Color, Direction*/
@include triangle (20px, red, up-left);Neat
<section class="row">
<aside class="col-md-4"></aside>
<article class="col-md-8"></article>
</section>Markup
<section>
<aside></aside>
<article></article>
</section>Styles
section{
@include outer-container(1200px);
aside{
@include span-columns(4);
}
article{
@include span-columns(8);
}
}