How to Use

How to use SimpleCSS

Background Colors

<div class="background-(color/image)">

---

Text Colors

<div class="text-(color)">

---

Fonts

<div class="font-(font)">

---

Notes

<div class="note-(color)">

---

Cards

<div class="card-(color)">

---

Borders

Solid

<div class="solid-(color)">

Dotted

<div class="dotted-(color)">

Dashed

<div class="dashed-(color)">

---

Horizontal Navigation Bars

Regular

<div class="hnav-(color)">

Sticky

<div class="hnavs-(color)">

---

Pill Buttons

<button class="pillbtn-(color)">

---

Hover Colors

<button class="hover-(color)">

---

Styled Underlines

Solid

<p class="u-solid-(color)">

Dotted

<p class="u-dotted-(color)">

Dashed

<p class="u-dashed-(color)">

---

Styled Overlines

Solid

<p class="o-solid-(color)">

Dotted

<p class="o-dotted-(color)">

Dashed

<p class="o-dashed-(color)">

---

Speech Bubbles

<div class="speech-(color)">

---

Vertical Navigation Bars

<div class="vnav-(color)">