Skip to content

Instantly share code, notes, and snippets.

@rjmcdonald83
Created July 21, 2014 23:34
Show Gist options
  • Save rjmcdonald83/593ab2fc52ecb72f90e9 to your computer and use it in GitHub Desktop.
Save rjmcdonald83/593ab2fc52ecb72f90e9 to your computer and use it in GitHub Desktop.
Basic structure for new layout
// Two Column setup
// markup
%secion.content
%article
%section
%h1 Main section
%aside
%section
%h1 Comment section
//styles
// found in default_challege_layout.scss#44
section.content {
@include span-columns(12);
@include row(table);
aside, article{
@include pad(30px);
section {
@include clearfix;
margin-bottom: 30px;
}
button,
input[type="submit"]{
float: right;
}
}
article {
@include span-columns(7);
overflow: visible;
}
aside {
@include span-columns(5);
@include reset-display;
background-color: $shaping-background-gray;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment