// breakpoints
exports.breakpoint = {
	xs:                      480,
	sm:                      768,
	md:                      992,
	lg:                     1200,
};

// border radii
exports.borderRadius = {
	small:     5,
	medium:   10,
	large:    20,
};

// color
exports.color = {
	appDanger:              '#d64242',
	appInfo:                '#56cdfc',
	appPrimary:             '#1385e5',
	appSuccess:             '#34c240',
	appWarning:             '#fa9f47',
	brandPrimary:           '#31adb8',
};

// widths
exports.width = {
	container:               1170,
	gutter:                    20,
};

@@ -205,50 +205,120 @@
  %7B%0A%09
-small:     5,%0A%09medium:   10,%0A%09large:    20
+xs:                2,%0A%09sm:                4,%0A%09md:                8,%0A%09lg:               16,%0A%09xl:               32
 ,%0A%7D;
@@ -365,22 +365,16 @@
         
-      
 '#d64242
@@ -395,22 +395,16 @@
         
-     
- 
 '#56cdfc
@@ -425,22 +425,16 @@
 :       
-    
-  
 '#1385e5
@@ -455,22 +455,16 @@
 :       
-  
-    
 '#34c240
@@ -485,22 +485,16 @@
 :       
-     
- 
 '#fa9f47
@@ -515,22 +515,16 @@
 ry:     
-      
 '#31adb8
@@ -524,16 +524,171 @@
 #31adb8'
+,%0A%7D;%0A%0A// spacing%0Aexports.spacing = %7B%0A%09xs:                 5,%0A%09sm:                10,%0A%09md:                20,%0A%09lg:                40,%0A%09xl:                80
 ,%0A%7D;%0A%0A//

extend constants