Flat UI Colors functions, mixins, and variables
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
src
.gitignore
LICENSE
README.md
build.sh

README.md

Sassy-fui

Flat UI Colors functions, mixins, and variables for Sass, Stylus, and vanilla CSS

Getting started

To get the bare minimum up and running, download /dist/sassy-fui.min.css and reference this file in your project like any other stylesheet.

Optionally you can use /dist/sassy-fui.pre.min.css instead for prefixed classes.

Usage

You now have access to helper classes:

.color-turquoise { background-color: #1abc9c; }
.color-text-turquoise { color: #1abc9c; }

Prefixed:

.fui-color-turquoise { background-color: #1abc9c; }
.fui-color-text-turquoise { color: #1abc9c; }

For a full list of colours you may choose from, see http://flatuicolors.com

Build

To compile sassy-fui, you must have either Sass or Stylus installed globally and the src folder in the same location as the build script. Only one language is required to output vanilla CSS (Stylus is recommended if wanting to compile only CSS as it contains more variants such as prefixed class names).

$ sudo gem install sass
$ sudo npm i -g stylus
$ sh ./build.sh