Truncated previews now rendered on client

frontend/styles/constants.js

@@ -0,0 +1,46 @@
+// @flow
+
+export const size = {
+  tiny: '2px',
+  small: '4px',
+  medium: '8px',
+  large: '16px',
+  huge: '24px',
+  enormous: '32px',
+};
+
+export const fontSize = {
+  small: '14px',
+  medium: '16px',
+  large: '18px',
+  huge: '24px',
+};
+
+export const fontWeight = {
+  ultraLight: 100,
+  thin: 200,
+  light: 300,
+  regular: 400,
+  medium: 500,
+  demiBold: 600,
+  bold: 700,
+  heavy: 800,
+};
+
+export const color = {
+  /* Brand */
+  primary: '#73DF7B',
+
+  /* Dark Grays */
+  slate: '#9BA6B2',
+  slateLight: '#DAE1E9',
+  slateDark: '#4E5C6E',
+
+  /* Light Grays */
+  smoke: '#F4F7FA',
+  smokeLight: '#F9FBFC',
+
+  /* Misc */
+  white: '#FFFFFF',
+  black: '#000000',
+};