Skip to content
John McAndrews edited this page Sep 14, 2013 · 3 revisions

Includes


@include common-style() - basic gutter styling

@include container($max-width: 100%) - default is 100%, can be adjusted

@include row($gutter: $grid-gutter-width) - default can be modified, most often do not need to

@include screen($size, $container: false){add screen specific styles here} - sizes are small, medium, large. if container is set to true it includes container

 @include screen(medium){
  col(4);
 }

@include col($col) - place within a given screen size and pass the column size you want for that size, passing 0 hides the object at that given size

@include push($push: 0) - push an object x amount of columns, default is 0 which will set left: auto

@include pull($pull: 0) - pull an object x amount of comumns, default is 0 which will set right: auto

@include offset($offset: 0) - offset an object x amount of columns, default is 0 which will set margin-left: 0

Clone this wiki locally