polythene-motif v0.3.0

Motif: Material Design theme

Usage

import "polythene-mofif";

Roboto font

The Material Design Roboto font is loaded from Google Fonts using webfontloader. To prevent the Flash of Unstyled Text (FOUT), add these styles:

body {
  opacity: 0
}
html.wf-active body {
  opacity: 1
}

Or with JavaScript using styler:

import { styler } from "polythene-core-css";

const foutStyles = [{
  "body": {
    opacity: 0
  },
  "html.wf-active body": {
    opacity: 1
  }
}];

styler.add("fout", foutStyles);