Skip to content

Instantly share code, notes, and snippets.

@micahredding
Created June 6, 2013 20:08
Show Gist options
  • Save micahredding/5724513 to your computer and use it in GitHub Desktop.
Save micahredding/5724513 to your computer and use it in GitHub Desktop.
output of bourbon neat omega mixin
.fluid-grid-2 {
list-style: none;
padding-left: 0;
*zoom: 1;
max-width: 58.75em;
margin-left: auto;
margin-right: auto; }
.fluid-grid-2:before, .fluid-grid-2:after {
content: " ";
display: table; }
.fluid-grid-2:after {
clear: both; }
.fluid-grid-2 li {
list-style: none;
display: block;
float: left;
margin-right: 2.35765%;
width: 48.82117%;
margin-right: 0; }
.fluid-grid-2 li:last-child {
margin-right: 0; }
<ul class="fluid-grid-2">
<li>
<div class="views-field views-field-field-tour-header-photo"> <div class="field-content"><a href="/tour/newsboys-restart-tour-featuring-king-country-rapture-ruckus-moriah-peters-campbell"><img typeof="foaf:Image" src="http://jra.dev/sites/default/files/styles/half_width/public/tours/newsboystour_banner.jpg?itok=2U9ngxyd" width="420" height="202"></a></div> </div>
<div class="views-field views-field-title"> <span class="field-content"><a href="/tour/newsboys-restart-tour-featuring-king-country-rapture-ruckus-moriah-peters-campbell">Newsboys "Restart" Tour featuring for KING &amp; COUNTRY, Rapture Ruckus, Moriah Peters &amp; Campbell</a></span> </div>
</li>
<li>
<div class="views-field views-field-field-tour-header-photo"> <div class="field-content"><a href="/tour/sanctus-real-run-tour-featuring-citizen-way-special-guests-neverclaim-and-everfound"><img typeof="foaf:Image" src="http://jra.dev/sites/default/files/styles/half_width/public/tours/sanctustour_new.jpg?itok=DKPQm4xu" width="420" height="202"></a></div> </div>
<div class="views-field views-field-title"> <span class="field-content"><a href="/tour/sanctus-real-run-tour-featuring-citizen-way-special-guests-neverclaim-and-everfound">Sanctus Real "Run" Tour featuring Citizen Way with special guests The Neverclaim and Everfound</a></span> </div>
</li>
<li>
<div class="views-field views-field-field-tour-header-photo"> <div class="field-content"><a href="/tour/matthew-west-light-tour-sidewalk-prophets-jason-castro"><img typeof="foaf:Image" src="http://jra.dev/sites/default/files/styles/half_width/public/tours/mw_tour_new.jpg?itok=E_H8FSsv" width="420" height="202"></a></div> </div>
<div class="views-field views-field-title"> <span class="field-content"><a href="/tour/matthew-west-light-tour-sidewalk-prophets-jason-castro">Matthew West "Into the Light" Tour with Sidewalk Prophets &amp; Jason Castro</a></span> </div>
</li>
</ul>
.fluid-grid-2 {
list-style: none;
padding-left: 0;
@include outer-container;
li {
list-style: none;
@include span-columns(6);
@include omega(2n);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment