Colors

primary text | secondary text | error text | info text | blue text | red text | green text | yellow text | purple text | orange text | gray text

bg primary | bg secondary | bg error | bg info | bg blue | bg red | bg green | bg yellow | bg purple | bg orange | bg gray |

primary dark 8 | primary dark 6 | primary dark 4 | primary dark 2 | primary | primary light 2 | primary light 4 | primary light 6 | primary light 8 |

hover me

Font Sizes

this is small font
this is medium font
this is large font
this is extra large font
this is extra, extra large font

Buttons

default btn click me click me click me click me click me click me click me click me

Cards

This is a title

Lorem ipsum dolor sit, amet consectetur adipisicing elit. In sunt, quo totam aliquam praesentium ducimus tempore sapiente quia nulla optio? Lorem ipsum, dolor sit amet consectetur adipisicing elit. Libero laboriosam laborum exercitationem autem commodi voluptas odio aliquid ut velit doloremque minima, quaerat dolores, corporis consequuntur totam nam id veniam maxime.

Grid System

Hello, everybody

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Hello, everybody

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Hello, everybody

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Hello, everybody

Lorem ipsum, dolor sit amet consectetur adipisicing elit.

Using Utilities

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, perspiciatis!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores, perspiciatis!

opacity 10
opacity 30
opacity 50
opacity 70
opacity 90

SQKY Classless

For those who prefer classless CSS, you can use the SQKY Classless library.

Usage

CDN for Classless:
https://cdn.jsdelivr.net/gh/kostastepetes/sqky-css-library/classless/sqky-classless.min.css
CDN for the main CSS Library:
https://cdn.jsdelivr.net/gh/kostastepetes/sqky-css-library/css/index.css

GitHub Repository

GitHub Repo: GitHub