Irpie CSS 1.0.0

Area :

full

div100

div90

div80

div75

div70

div60

div50

div40

div33

div30

div25

div20

div10

fit

Round :

round2

round4

round6

round8

Margin :

mg2

mg4

mg8

mg12

mg0a

Padding :

pd2

pd4

pd8

pd12

pd-lr2

pd-lr4

pd-lr8

pd-lr12

pd-tb2

pd-tb4

pd-tb8

pd-tb12

Area :

area-small

area-medium

area-big

area-large

Button :

btn btn-small btn-orange
btn btn-small

btn btn-medium btn-orange
btn btn-medium

btn btn-big btn-orange
btn btn-big

btn btn-large btn-orange
btn btn-large

btn-full btn-large btn-green
btn-full btn-large

btn-blue btn-red btn-orange

btn-green btn-skyblue btn-torquise

btn-yellow btn-pink btn-purple

btn-brown btn-grey btn-dark

Box Area :

box box-small box-orange

box box-medium box-orange

box box-big box-orange

box box-large box-orange

box-blue

box-red

box-orange

box-green

box-skyblue

box-torquise

box-yellow

box-pink

box-purple

box-brown

box-grey

box-dark

Class Input :

Input Text :

input-text input-small

input-text input-medium

input-text input-big

input-text input-large

Input Textarea :

input-textarea textarea-small

input-textarea textarea-medium

input-textarea textarea-big

input-textarea textarea-large

Input Option :

input-select select-small
Option

input-select select-medium
Option

input-select select-big
Option

input-select select-large
Option

Float & Align :

left ( float left )

center ( text center )

right ( float right )

justify

text-right

Opacity :

No Opacity

opacity9

opacity8

opacity7

opacity6

opacity5

opacity4

opacity3

opacity2

opacity1

Shadow :

shadow-small

shadow-medium

shadow-big

shadow-large

Text Overflow :

nowrap-clips : text text text text text text text text text text text text text text text

nowrap-ellipsis : text text text text text text text text text text text text text text text

Display :

Style	Class
Display Block	block
Display None	hide
Clear Both	clear
Image Responsive	img-res
Fit	sizing
Display Table	display-table > table-cell

Tabel :

tabel

text	text
text	text

tabel-small

text	text
text	text

tabel-medium

text	text
text	text

tabel-big

text	text
text	text

tabel-large

text	text
text	text

Responsive :

Class Vs Width	width > 800	width > 768	width > 640	width > 480	width > 360	width > 320
.res4-2-2			50%	50%	50%	50%
.res4-2-1			50%	50%	100%	100%
.res3-1			100%	100%	100%	100%
.res2-1					100%	100%
.res4-2-h			50%	50%	hide	hide
.res3-h			hide	hide	hide	hide
.res2-h					hide	hide
.res4-2-b			display:block	display:block	display:block	display:block
.res3-b			display:block	display:block	display:block	display:block
.res2-b					display:block	display:block

Source :
https://cdn.jsdelivr.net/gh/irpian/css/1.0.0/1.0.0.css
https://cdn.jsdelivr.net/gh/irpian/css/1.0.0/1.0.0.min.css ( minify Version )