Getting Started

Set up Master CSS in Laravel

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

Quick start

1. Create a Laravel project

If you don't have a Laravel project, create one first. It's recommended to refer Laravel Installer :

laravel new project
cd project

2. Installation

npm install @master/css

3. Import

require('@master/css')

4. Launch server

npm run watch

Hello world

Now, start developing your UI with Master CSS. 🎉

localhost:4200

Hello World

<h1 class="font:40 font:heavy italic m:50 text:center"> 
    Hello World 
</h1>

Hello world

.font\:heavy {
    font-weight: 900
}

@media print {
    .hide\@print {
        display: none
    }
}

@media (min-width:1024px) {
    .font\:24\@md {
        font-size: 1.5rem
    }
}

automatically

Hello world

.font\:heavy {
    font-weight: 900
}

@media print {
    .hide\@print {
        display: none
    }
}

@media (min-width:1024px) {
    .font\:24\@md {
        font-size: 1.5rem
    }
}

automatically