old_contents: // 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,
  };
  
new_contents: // breakpoints
  exports.breakpoint = {
  	xs:                      480,
  	sm:                      768,
  	md:                      992,
  	lg:                     1200,
  };
  
  // border radii
  exports.borderRadius = {
  	xs:                2,
  	sm:                4,
  	md:                8,
  	lg:               16,
  	xl:               32,
  };
  
  // color
  exports.color = {
  	appDanger:        '#d64242',
  	appInfo:          '#56cdfc',
  	appPrimary:       '#1385e5',
  	appSuccess:       '#34c240',
  	appWarning:       '#fa9f47',
  	brandPrimary:     '#31adb8',
  };
  
  // spacing
  exports.spacing = {
  	xs:                 5,
  	sm:                10,
  	md:                20,
  	lg:                40,
  	xl:                80,
  };
  
  // widths
  exports.width = {
  	container:               1170,
  	gutter:                    20,
  };
  
subject: extend constants