LT-249: Fixing issue with multiple duplicated CSS imports

Packages/design/styles/common/global.styl

@@ -1,7 +1,9 @@
-html *
-    font-family: 'Roboto', sans-serif
+@import "{design}/app.styl"
 
-hr
+html body
+  font-family: 'Roboto', 'OpenSans', 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif
+
+html hr
   border-top: 1px solid $uiBorderColor
 
 .center-table

Packages/design/styles/common/spacings.styl

@@ -1,5 +1,10 @@
-@import "./spacings"
+@import "{design}/app.styl"
 
+generateSpacings('', $spacer-x, $spacer-y)
+
+.m-x-auto
+  margin-left: auto !important
+  margin-right: auto !important
 
 // MIN WIDTH 1920
 generateSpacings('r', $spacer-x, $spacer-y)

Packages/design/styles/imports/spacings.styl

@@ -34,9 +34,3 @@ generateSpacings($prefix, $spacerX, $spacerY)
         .{$prefix}{$property[0]}-{$axis[0]}-{$spacing[0]}
           {$property[1]}-{$axis[1]} $spacing[1]*$spacerAxis[$axis[3]] !important
           {$property[1]}-{$axis[2]} $spacing[1]*$spacerAxis[$axis[3]] !important
-
-generateSpacings('', $spacer-x, $spacer-y)
-
-.m-x-auto
-  margin-left: auto !important
-  margin-right: auto !important