polythene-motifdeprecated

The Material Design Roboto font is loaded from Google Fonts using [webfontloader](https://github.com/typekit/webfontloader). To prevent the [Flash of Unstyled Text (FOUT)](https://www.paulirish.com/2009/fighting-the-font-face-fout/), add these styles:

Usage no npm install needed!

<script type="module">
  import polytheneMotif from 'https://cdn.skypack.dev/polythene-motif';
</script>

README

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);