@master/css

CSS

A Virtual CSS language with enhanced syntax. ( ~13KB )

Documentation

• Introduction
• Setup
• Why

Community

• Github Discussions
• Join Master Discord

Extension

• A Visual Studio Code extension for Master CSS. Provides code-completion and syntax highlighting.

On this page

• Quick Start
  • 1. Download
  • 2. Import into your js file
  • Hello World
• Official Normal CSS

Quick Start

This is just a quick start guide, the official documentation here.

1. Download

npm install @master/css

Or use a CDN

<script src="https://cdn.jsdelivr.net/npm/@master/css"></script>

2. Import into your js file

import '@master/css'

Hello World

<h1 class="font:40 font:heavy bg:blue:hover m:50 text:center@md">
    Hello World
</h1>

Next, learn the common Syntax - Master CSS!

Official Normal CSS

Normalize browser's styles: @master/normal.css

import @master/normal.css into your global css file

@import '@master/normal.css';

or use a CDN

<link href="https://cdn.jsdelivr.net/npm/@master/normal.css" rel="stylesheet">