upaint v1.0.2

UPaint(Alpha)

Library Basic CSS Open Source made to be fast, light and beautiful

Usage

Only using a simple CDN could you use upaint

JS

<script src="https://techappssv.github.io/upaint/upaint/upaint.js" ></script>

CSS

 <link href="https://techappssv.github.io/upaint/upaint/upaint.css" rel="stylesheet">

Type of letter recomended

 <link href="https://fonts.googleapis.com/css2family=Montserrat:wght@400&display=swap" rel="stylesheet">

Example of use

    <button class="primary-button">primary-button</button>

Code Demo

https://github.com/TechAppsSv/upaint/blob/master/index.html

Live Demo

https://techappssv.github.io/upaint/index.html

Available HTML Elements

Buttons

Class

primary-button (Button Blue)

green-button (Button Green)

blue-button

orange-button

red-button

gray-button

dark-button

CARDS

Class

CARD LIGHT:

card-title-header-light (HEADER-TITLE)

card-body-light (BODY-TITLE)

CARD ORANGE:

card-title-header-orange (HEADER-TITLE)

card-body-orange (BODY-TITLE)

CARD RED:

card-title-header-red (HEADER-TITLE)

card-body-red (BODY-TITLE)

CARD GREEN:

card-title-header-green (HEADER-TITLE)

card-body-green (BODY-TITLE)

CARD DARK:

card-title-header-dark (HEADER-TITLE)

card-body-dark (BODY-TITLE)

NAVBAR

LIGHT

Class

light-navbar (NAV-ELEMENT-HTML)

navbar-title (TITLE-H5)

item-navbar (ITEM-NAV)

CONTAINER

Class

container-light

container-dark

TABLES

Class

table-light

head-table-light

body-table-light

table-dark

head-table-dark

body-table-dark

ALERTS

Class

alert-orange

alert-red

alert-green

alert-gray

alert-dark

IFRAME

Class

frame-paint