samuel-holt

import { Dashboard, DashboardPanel } from './dashboard';
import { getStore } from './store';
import { ErrorBoundaryAppContainer } from './errorBoundary';

class App extends React.Component {
  state = { 
    currentStore: getStore(),
    numPanels: 7
  };

samuel-holt

import c3 from 'c3';

export function charts() {

	const errorChart = c3.generate({
		bindto: '.js-chart',
		data: {
			x: 'date',
			y: 'errors',
			url: './data/dummydata.json',

samuel-holt

// STRIP UNIT
// It strips the unit of measure and returns it
@function strip-unit($num) {
  @return $num / ($num * 0 + 1);
}

// Media queries mixin

// Default widths
$default-medium:    768px !default;

samuel-holt

// =================================
// Color palette generator
// =================================

// Muck around with colors here:
$primary-color: salmon;

// A global to store the palette(s)
$global-color-palettes: () !global;

samuel-holt

$legacy-support: ie8 ie9 !default;
// This is the default html and body font-size for the base rem value.
$rem-base: 16px !default;
$line-height-base: 1.8 !default;

// REM calculation courtesy of Zurb Foundation :)

// CONVERT TO REM

@function convert-to-rem($value, $base-value: $rem-base)  {

samuel-holt

// Set defaults in parameters...
@mixin generate-font-face($font-name, $sizes:false, $font-folder-name:false, $font-file-prefix: false, $font-file-suffix: "webfont", $font-name-separator:"-", $dir-separator:"/", $formats:(woff2, ttf, svg, eot)) {

  $web-font-folder-name: $font-name;

  @if $font-folder-name != false {
    $web-font-folder-name: $font-folder-name;
  }

  // default font-file prefix