Contents

//APPLY TO EVERYTHING BE DEFAULT:
$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);

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
staple-0.1.6	source/stylesheets/staple/sizes.scss