//APPLIES TO EVERYTHING: $rem-base: 16px; $base-font-size: 100%; $base-line-height: 150%; $default-border-size: 1px; //SPECIFY ADDITIONAL CLASSES TO GENERATE $padding-classes: pad1 pad2; $padding-define: 1rem 2rem; $margin-classes: margin1 margin2; $margin-define: 1rem 2rem; //UNCOMMENT FOR SPECIFIC SIDE CLASSES (MUST ALSO UNCOMMENT IN BUILD SIZES FILE) // $margin-left-classes:; // $margin-left-define: ; // $margin-right-classes:; // $margin-right-define: ; // $margin-top-classes:; // $margin-top-define: ; // $margin-bottom-classes:; // $margin-bottom-define: ; // $padding-bottom-classes; // $padding-bottom-define: ; // $padding-left-classes: ; // $padding-left-define: ; // $padding-right-classes; // $padding-right-define: ; // $padding-top-classes; // $padding-top-define: ; //GENERATE @import 'builders/build_sizes'; //FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED //GRID $row-width: rem-calc(1000); $total-columns: 12; $column-gutter: rem-calc(3); //MEDDIA QUERIES $small-range: (0em, 40em); $medium-range: (40.063em, 64em); $large-range: (64.063em, 90em); $xlarge-range: (90.063em, 120em); $xxlarge-range: (120.063em, 99999999em);