Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/maartenpaauw/flat-ui-colors-helper

CSS helpers for Flat UI Colors
https://github.com/maartenpaauw/flat-ui-colors-helper

css-helper flatuicolors scss

Last synced: 25 days ago
JSON representation

CSS helpers for Flat UI Colors

Awesome Lists containing this project

README

        

# Flat UI Colors Helper
[![Build Status](https://travis-ci.org/maartenpaauw/flat-ui-colors-helper.svg?branch=master)](https://travis-ci.org/maartenpaauw/flat-ui-colors-helper)
[![Development Dependencies Status](https://david-dm.org/maartenpaauw/flat-ui-colors-helper/dev-status.svg)](https://david-dm.org/maartenpaauw/flat-ui-colors-helper?type=dev)
[![npm (tag)](https://img.shields.io/npm/v/flat-ui-colors-helper.svg)](https://www.npmjs.com/package/flat-ui-colors-helper)
> CSS helpers for Flat UI Colors

## Installation

Install with Yarn:

`yarn add flat-ui-colors-helper`

Install with NPM:

`npm install flat-ui-colors-helper --save`

## Color names

| Color name | Color variable |
| ------------- | -------------- |
| Turquoise | turquoise |
| Green Sea | green-sea |
| Emerald | emerald |
| Nephritis | nephritis |
| Peter River | peter-river |
| Belize Hole | belize-hole |
| Amethyst | amethyst |
| Wisteria | wisteria |
| Wet Asphalt | wet-asphalt |
| Midnight Blue | midnight-blue |
| Sun Flower | sun-flower |
| Orange | orange |
| Carrot | carrot |
| Pumpkin | pumpkin |
| Alizarin | alizarin |
| Pomegranate | pomegranate |
| White | white |
| Clouds | clouds |
| Silver | silver |
| Concrete | concrete |
| Asbestos | asbestos |
| Black | black |

## Helpers

### Color

Example code for (text) color classes.

```html



```

### Background

Example code for background classes.

```html



```

### Border

Example code for border classes.

```html















```

### Column Rule

Example code for column rule classes.

```html



```

### Outline

Example code for outline classes.

```html



```

### Text Decoration

Example code for text decoration classes.

```html



```