sizes.scss in staple-0.4.5

- old
+ new

@@ -1,16 +1,30 @@
 //APPLIES TO EVERYTHING:
 $rem-base: 16px;
 $base-font-size: 100%;
 $base-line-height: 150%;
 
+//FOUNDATION STYLES: CAN BE OVERRIDDEN BUT NEEDED
+//GRID
+$row-width: rem-calc(1000);
+$total-columns: 12;
+$column-gutter: rem-calc(3);
+//MEDIA 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);
+$screen: "only screen" !default;
+$small-only: "#{$screen} and (max-width: #{upper-bound($small-range)})" !default;
+
 $default-border-size: 1px;
 
 
 //SPECIFY ADDITIONAL CLASSES TO GENERATE
-$padding-classes: 	pad1 	pad2;
-$padding-define: 	1rem 	2rem;
+$padding-classes: 	pad1 	pad2 pad3;
+$padding-define: 	1rem 	2rem 3rem;
 
 $margin-classes: 	margin1 	margin2;
 $margin-define: 	1rem 		2rem;
 
 //UNCOMMENT FOR SPECIFIC SIDE CLASSES (MUST ALSO UNCOMMENT IN BUILD SIZES FILE)
@@ -32,18 +46,6 @@
 // $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);
+@import 'builders/build_sizes';
\ No newline at end of file