Getting started with Master CSS
For a fixed cost of ~14KB, all features are included without complex build environments like webpack, gulp and postcss.
Online editors
Framework guides
We're framework-agnostic, but we provide friendly guides to help you get started quickly:
Build tool guides
Quickly launch via CDNs
<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <script src="https://cdn.master.co/css"></script></head><body> <h1 class="font:40 font:heavy italic m:50 text:center">Hello World</h1></body></html>* The example above points to the latest version of the scales.
* Pinning your scales to a specific version in production, like https://cdn.master.co/[email protected]
Download
1. Install to your project
npm install @master/css2. Import into your entry file
Add @master/css from node_modules to your JS entry file:
import '@master/css';Browser support
We uses Mutation Observer ( even IE 11 is supported ) to observe the DOM tree and traverse each class through a unique rule engine to generate the corresponding CSS and inject it into the browser instantly.
Our core code supports most browsers, you need to pay attention to the support of CSS properties currently used.
The author has added appropriate vendor prefixes to some styles, you just need to make sure that the CSS properties you are currently using support most modern browsers ─── caniuse.com
