Flat-Remix-CSS-library

Flat-Remix is licensed under the MIT License

Flat Remix Palette

Paper class

<divclass="paper"></div>

Shadow

<divclass="with-shadow"></div>

Heading 1

<h1>Heading 1</h1>

Heading 2

<h2>Heading 2</h2>

Heading 3

<h3>Heading 3</h3>

Heading 4

<h4>Heading 4</h4>

Heading 5

<h5>Heading 5</h5>

Heading 6

<h6>Heading 6</h6>

Selectable text

<divclass="selectable"></div>

Links

<ahref="#">My link</a>

Horizontal rule

<hr>

Form elements

Input

<inputtype="text">

Select

<select><option>Level 1</option><option>Level 2</option></select>

Textarea

<textarea></textarea>

Checkbox

<label><inputtype="checkbox"name="my-checkbox"checked> Select me</label><label><inputtype="checkbox"name="my-checkbox"> Select me</label>

Input Radio

<label><inputtype="radio"name="my-input-radio"checked> Select me</label><label><inputtype="radio"name="my-input-radio"> Select me</label>

Checktext

<labelclass="checktext"><inputtype="radio"name="my-checktext"checked><span>09:00</span></label><labelclass="checktext"><inputtype="radio"name="my-checktext"><span>09:30</span></label>

On/Off Switch

<labelclass="onoffswitch"><inputtype="checkbox"name="my-switch"><spandata-on="yes"data-off="no"><span></span></span></label>

Buttons

<buttonclass="blue-button">save</button>

<buttonclass="green-button">enter</button>

<buttonclass="red-button">exit</button>

<buttonclass="rounded-button">+</button>