nicmosc

import 'babel-polyfill';
import React from 'react'
import { graphql } from 'react-apollo-redux'
import gql from 'graphql-tag'
import { createStore, applyMiddleware } from 'redux';
import { ApolloProvider } from 'react-apollo';
import { Provider } from 'react-redux';

import setupClient from '../utils/api';

nicmosc

Backoffice styles

1. Basics of web design (mainly rules)
2. Project structure, BEM naming, LESS preprocessor, variables and functions
3. How to visualise a component and writing styles, Flex Box basic usage (comparison)
4. Quick overview of JS side also (folder structure, modules)
5. Overview of Backoffice components (also on codepen)
   • Toggle switch

nicmosc

// -------------------
// VARS
//
// Variables File
// -------------------


// BORDERS
@base-border-radius: 3px;
@base-border-radius-big: @base-border-radius * 1.5;