Skip to content

Instantly share code, notes, and snippets.

@seniorpreacher
Created June 1, 2013 17:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save seniorpreacher/5691158 to your computer and use it in GitHub Desktop.
Save seniorpreacher/5691158 to your computer and use it in GitHub Desktop.
This gist contains some shorthands for Foundation 4's grid system. Feel free to expand it ;)
//large
.l1 {@extend .large-1;}
.l2 {@extend .large-2;}
.l3 {@extend .large-3;}
.l4 {@extend .large-4;}
.l5 {@extend .large-5;}
.l6 {@extend .large-6;}
.l7 {@extend .large-7;}
.l8 {@extend .large-8;}
.l9 {@extend .large-9;}
.l10{@extend .large-10;}
.l11{@extend .large-11;}
.l12{@extend .large-12;}
//small
.s1 {@extend .small-1;}
.s2 {@extend .small-2;}
.s3 {@extend .small-3;}
.s4 {@extend .small-4;}
.s5 {@extend .small-5;}
.s6 {@extend .small-6;}
.s7 {@extend .small-7;}
.s8 {@extend .small-8;}
.s9 {@extend .small-9;}
.s10{@extend .small-10;}
.s11{@extend .small-11;}
.s12{@extend .small-12;}
//large-offset
.row .lo0{@extend .large-offset-0;}
.row .lo1{@extend .large-offset-1;}
.row .lo2{@extend .large-offset-2;}
.row .lo3{@extend .large-offset-3;}
.row .lo4{@extend .large-offset-4;}
.row .lo5{@extend .large-offset-5;}
.row .lo6{@extend .large-offset-6;}
.row .lo7{@extend .large-offset-7;}
.row .lo8{@extend .large-offset-8;}
.row .lo9{@extend .large-offset-9;}
.row .lo10{@extend .large-offset-10;}
.row .lo11{@extend .large-offset-11;}
//small-offset
.so0{@extend .small-offset-0;}
.so1{@extend .small-offset-1;}
.so2{@extend .small-offset-2;}
.so3{@extend .small-offset-3;}
.so4{@extend .small-offset-4;}
.so5{@extend .small-offset-5;}
.so6{@extend .small-offset-6;}
.so7{@extend .small-offset-7;}
.so8{@extend .small-offset-8;}
.so9{@extend .small-offset-9;}
.so10{@extend .small-offset-10;}
.so11{@extend .small-offset-11;}
// column
.col{@extend .column}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment