OMNOMNOMNOM
Simple functional css library aka. "you should never have more than what you need".
Heavily inspired by gr8, x001F, some Jon-Kyle projects, but spiced for my personal taste.
Installation
npm i -S omnomnomnom
Usage
design.js
var omnomnomnom = // default valuesmoduleexports = // custom valuesmoduleexports =
index.js
var css =
Alternatively you can run npm run build
and use build/omnomnomnom.css
directly with the default values.
API
Defaults
textSpacing: 15 spacing: '0-5': 075 '' '1': 15 'trbl' '2': 30 'tb' normalFontSize: '14px' fontSize: 30 225 15 125 1 0875 fonts: default: 'sans' sans: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"' mono: "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace" serif: "georgia, serif" colors: white: '#fff' black: '#000' grey: '#999' breakpoint: 900 utils: customs:
As utils
it accepts an array of gr8-util compatible objects.
As customs
it accepts an array of string that will be simply included at the bottom of the file.
custom: `nav { padding-top: 3px; margin-left: 4px; }`