Getting Started

Set up Master CSS in Parcel

A quick guide to start using Master CSS in your Parcel project.

Quick start

1. Create a Parcel project

If you don't have a Parcel project, create one first. It's recommended to refer Getting Started :

mkdir project
cd project
npm init -y 
npm install --save-dev parcel

2. Installation

npm install @master/css

3. Import

Create a index.html and index.js.

import '@master/css';
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <script type="module" src="index.js"></script>
    <title>My First Parcel App</title>
</head>
<body>
    <h1 class="font:40 font:heavy italic m:50 text:center">
        Hello World
    </h1>
</body>
</html>

4. Launch server

npx parcel index.html

Hello world

Now, start developing your UI with Master CSS. 🎉

localhost:1234

Hello World

© Aoyue Design LLC.
Issue on this page
Edited byLola