knowbody

.grid {
  display: grid;
  height: 100%;
  grid-template-columns: 2rem repeat(2, auto) 2rem;
  grid-template-rows: 4rem 4rem auto;
  background-color: #fff;
}

.layer1 {
  background-color: rgb(64, 213, 187);

knowbody

import React from 'react';
import GoogleAnalytics from 'react-ga';

if (process.env.REACT_APP_ENVIRONMENT === 'production') {
  GoogleAnalytics.initialize('UA-91111111-1');
}

const withGA = WrappedComponent => {
  const trackPage = page => {
    GoogleAnalytics.set({ page });

knowbody

/* @flow */
type UserTitleOptionT = 'Miss' | 'Mrs' | 'Mr' | 'Ms' | 'Dr';

export const USER_TITLE_OPTIONS: Array<{
  id: UserTitleOptionT,
  value: UserTitleOptionT
}> = [
  { id: 'Miss', value: 'Miss' },
  { id: 'Mrs', value: 'Mrs' },
  { id: 'Mr', value: 'Mr' },

knowbody

machine:
  environment:
    PATH: "${PATH}:${HOME}/${CIRCLE_PROJECT_REPONAME}/node_modules/.bin"
  node:
    version: 7.10.0

dependencies:
  override:
    - yarn
  cache_directories:

knowbody

deployment:
  development:
    branch: master
    commands:
      - URL=$(now -t ${NOW_TOKEN})
      - now -t ${NOW_TOKEN} alias set ${URL} eedi-dev.now.sh
  production:
    branch: production
    commands:
      - URL=$(now -t ${NOW_TOKEN})

knowbody

/*... render() {*/

<StyledGrid>
  <LayerTwo>yolo</LayerTwo>  
</StyledGrid>

/* }...*/

const StyledGrid = styled.div`
  display: grid;

knowbody

import React from 'react';
import styled from 'styled-components';

const Spinner = () => (
  <StyledSpinner viewBox="0 0 50 50">
    <circle
      className="path"
      cx="25"
      cy="25"
      r="20"

knowbody

import styled from 'styled-components';

const StyledSpinner = styled.svg`
  animation: rotate 2s linear infinite;
  margin: -25px 0 0 -25px;
  width: 50px;
  height: 50px;
  
  & .path {
    stroke: #5652BF;

knowbody

// HTML

<svg class="spinner" viewBox="0 0 50 50">
  <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="4"></circle>
</svg>

// CSS

knowbody

{"version":1.02,"files":[{"file":".gitignore","content":{"type":"Buffer","data":[98,108,111,98,45,115,116,111,114,101,10,99,111,109,112,105,108,101,45,99,97,99,104,101,10,100,101,118,10,115,116,111,114,97,103,101,10,46,110,111,100,101,45,103,121,112,10,46,110,112,109,10]}},{"file":"config.cson","content":{"type":"Buffer","data":[34,42,34,58,10,32,32,95,100,97,114,116,108,97,110,103,58,10,32,32,32,32,95,101,114,114,111,114,115,73,110,105,116,105,97,108,105,122,101,100,58,32,116,114,117,101,10,32,32,32,32,95,102,105,114,115,116,82,117,110,58,32,116,114,117,101,10,32,32,32,32,95,118,101,114,115,105,111,110,58,32,34,48,46,54,46,52,50,34,10,32,32,95,102,108,117,116,116,101,114,65,110,97,108,121,116,105,99,115,58,10,32,32,32,32,99,108,105,101,110,116,73,100,58,32,34,52,102,97,101,97,52,97,97,45,57,57,98,50,45,52,100,54,49,45,97,101,53,98,45,100,98,102,48,97,102,48,97,48,99,102,102,34,10,32,32,32,32,111,112,116,73,110,58,32,116,114,117,101,10,32,32,34,97,116,111,109,45,109,97,116,101,114,105,97,108,45,117,105,34,58,