AbdulazizYas / Masafa

CSS framework

Masafa

A simple CSS framework with useful utilities and styled components built with SASS.

View the documentation(soon).

Install

Start using Masafa by using npm to install the package or use the Github repository to get the latest development version.

npm install masafa

Usage

Basic

Import the compiled minified version in your CSS:

@import "~masafa/dist/masafa.min.css";

or import it in the head tag in html:

<link rel="stylesheet" href="~masafa/dist/masafa.min.css" />

Customization

if you want to customize the framework, you can edit the index.scss file exist in this path masafa/sass/index.scss

// place here your modifications
// you can change the values of the variables exist in the framework

// YOU must keep this line at the end !:
@import "masafa";