View gist:cec5562b2a333c24e3d7
<div class="column half">
<h4>Featured Work</h4>
<ul class="featured-work">
<li class="featured-work-item">
<a href="">Title</a>
<p>Description</p>
</li>
<li class="featured-work-item">
<a href="">Title</a>
View gist:2d6ff67a23c7e35fc1fb
.button,
a.button,
button,
input[type="submit"],
input[type="button"] {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
View gist:9276515
.row {
@extend %clearfix;
}
View gist:9274422
<div class="row">
<div class="column">
<!-- Your Content -->
</div>
</div>
View gist:9274372
%clearfix {
*zoom: 1;
&:before, &:after {
content: " ";
display: table;
}
&:after {
clear: both;
}
}
View gist:9274193
<div class="row clearfix">
<div class="column">
<!-- Your Content -->
</div>
</div>
View gist:9040799
<div class="container">
<div class="row clearfix">
<div class="column half">
<!-- Your Content -->
</div>
<div class="column half">
<!-- Your Content -->
</div>
</div>
</div>
View gist:9025387
@media (min-width: 40rem) {
.column.flow-opposite { float: right; }
}
View gist:9025378
<div class="container">
<div class="row clearfix">
<div class="column half flow-opposite">
<!-- Your Content -->
</div>
<div class="column half">
<!-- Your Content -->
</div>
</div>
</div>
View gist:8978649
<div class="container">
<div class="column">
<!-- Your Content -->
</div>
</div>