-
Notifications
You must be signed in to change notification settings - Fork 0
grid
@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