frankyonnetti
8/13/2015 - 9:57 PM

#sass Foundation Grid

Foundation - grid #sass #foundation

##FOUNDATION GRID

0, 640px @media #{$small-up} { } @media #{$small-only} { }

641px, 840px @media #{$medium-sm-up} { } @media #{$medium-sm-only} { }

841px, 1024px @media #{$medium-lg-up} { } @media #{$medium-lg-only} { }

641px, 1024px @media #{$medium-up} { } @media #{$medium-only} { }

1025px, 1440px @media #{$large-up} { } @media #{$large-only} { }

1441px, 1920px @media #{$xlarge-up} { } @media #{$xlarge-only} { }

1921px @media #{$xxlarge-up} { } @media #{$xxlarge-only} { }

##REM CALC

rem-calc(165) = converts to rem

##FONTS > REM

h1 1.3rem = 20.8px h2 1.2rem = 19.2px h3 1 rem = 16px h4 0.85rem = 13.6px

0.8rem = 12.8px 0.9rem = 14.4px 0.95rem = 15.2px