Skip to content

Instantly share code, notes, and snippets.

@jamesslock
Created February 5, 2013 10:08
Show Gist options
  • Save jamesslock/4713467 to your computer and use it in GitHub Desktop.
Save jamesslock/4713467 to your computer and use it in GitHub Desktop.
%container {
width: 100%;
max-width: 1280px;
padding: 20px;
margin: 20px auto;
position: relative;
}
%clearfix:before,
%clearfix:after {
content: " "; /* 1 */
display: table; /* 2 */
}
%clearfix:after {
clear: both;
}
%aside-boxes {
> ul {
margin-top: -20px;
margin-left: -20px;
padding: 0;
@extend %clearfix;
li {
padding-left: 20px;
padding-top: 20px;
width: 50%;
float: left;
display: block;
@extend %text-center;
font-size: 20px;
font-family: 'Gibson-Light';
}
}
.btn {
position: absolute;
bottom: 20px;
width: 34%;
}
}
.container {
@extend %container;
@extend %clearfix;
}
.process {
@extend %container;
@extend %clearfix;
> article {
@extend %content-left;
p {
line-height: 2em;
margin-bottom: 30px;
}
}
> aside {
@extend %content-right;
@extend %aside-boxes;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment