Fluid UI Documentation

Appearance

Installation ​

You can add Fluid UI to your existing project or start a new one.

Staring new project ​

Clone the repository

bash
$ git clone https://github.com/michal-szymczak-ui-developer/fluid-ui.git
$ git clone https://github.com/michal-szymczak-ui-developer/fluid-ui.git

Install all dependencies by:

bash
$ npm i
$ npm i

That will initiate new project with SASS compiler, Stylelint and Prettier configuration.

Adding Fluid UI to an existing project ​

You can include only main.css file with all the functional CSS classes.

But if you want to customize spacing, typography, colors etc. you need to compile SCSS files. If soo copy the /styles/ directory and main.scss file to you project structure. Yo can clone clone the repository or download necessary files only.

If you working environment lack the SASS compiler add SASS package with:

sh
$ npm install -g sass
$ npm install -g sass