Bourbon Neat basic example including scss code
Based on the first example from the Bourbon Neat examples.
.html
<section class="zero"> <code>@include outer-container;</code> <div id="alpha"> <code>@include span-columns(6);</code> </div> <div id="beta"> <code>@include span-columns(6);</code> </div> </section>
.scss
.zero { @include outer-container; background: tint(blue, 95%); text-align: center; padding: 1em 0; > code { display: block; padding: em(12); } #alpha, #beta { @include span-columns(6); text-align: left; background: tint(blue, 70%); padding: 1em; > code { display: block; height: 100px; } } }
Equals this:
- Pushed on 07/06/2013 by Christian