.styleguide_main_content { @include full_width_block(12); article { @include grid(12.25, alphaomega, $grid_align: center, $grid_uom: em); @media #{$tablet_portrait} { @include grid(12.25, alphaomega, $grid_align: center); } @media #{$mobile} { @include grid(12.25, alphaomega, $grid_align: center); } header { @include grid(12); @media #{$mobile} { @include grid(4, $grid_context: 4); } } section { clear: both; &:nth-of-type(1n+2) { border-top: 1px dotted; padding-top: em(20); } } } .element_example { margin-bottom: em(20); float: left; background-image: url(data:image/gif;base64,R0lGODlhUAABAIAAAP/////l5SwAAAAAUAABAAACC4SPocvtD6NsqIICADs=); } } .hidden { display: none; } .mobi_hidden { @media #{$mobile} { display: none; } } code { padding: em(2) em(5); background: $charlie_color_hotel; }