Skip to content

Instantly share code, notes, and snippets.

@edds
Created October 8, 2014 12:23
Show Gist options
  • Save edds/997ce606e698486ee6eb to your computer and use it in GitHub Desktop.
Save edds/997ce606e698486ee6eb to your computer and use it in GitHub Desktop.
Demonstration of the new grid system
@import 'grid_layout';
@import "typography";
#wrapper {
@extend %full-width-wrapper;
}
.grid-row {
@extend %grid-row;
.third-column {
@include grid-column(1/3);
}
.two-third-column {
@include grid-column(2/3);
}
.quarter-column {
@include grid-column(1/4);
}
.half-column {
@include grid-column(1/2);
}
}
h1 {
@include heading-48;
font-weight: bold;
}
h2 {
margin-top: 20px;
@include heading-27;
font-weight: bold;
}
p {
@include copy-19;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment