feat(csstips): Add normalization and page setup via csstips

Author: wmathes

package.json

@@ -137,6 +137,8 @@
   "dependencies": {
     "chalk": "^1.1.3",
     "compression": "^1.6.2",
+    "csstips": "0.0.3",
+    "csx": "^8.2.1",
     "es6-promise": "^4.0.5",
     "express": "^4.14.0",
     "history": "^4.5.1",

src/app/containers/App.tsx

@@ -2,34 +2,19 @@ const appConfig = require('../../../config/main');
 
 import * as React from 'react';
 import * as Helmet from 'react-helmet';
-import { style, cssRule } from 'typestyle';
-import { SiteStyles } from '../SiteStyles';
+import {cssRaw, style, cssRule} from 'typestyle';
+import { normalize, setupPage } from 'csstips';
 import { Header } from 'components';
 
-// Define base stylings here
-// Registering a CSS rule cannot use properties with nested styles
-
-cssRule('html', {
-    boxSizing: 'border-box',
-});
-
-cssRule('*, *:before, *:after', {
-    boxSizing: 'inherit',
+// Global style
+cssRaw(`@import url('https://fonts.googleapis.com/css?family=Roboto');`);
+normalize();
+cssRule(`body`, {
+    fontFamily: 'Roboto',
 });
+setupPage('#app');
 
-cssRule('body',
-    SiteStyles.backgroundColor,
-);
-
-cssRule('a',
-    SiteStyles.linkColor,
-    { textDecoration: 'none' },
-);
-
-cssRule('a:hover',
-    SiteStyles.linkColorOnHovered,
-);
-
+// App container style
 const Styles = {
     container: style({
         padding: 0,