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

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
input-select select-medium
input-select select-big
input-select select-large

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 )

Comments

Popular posts from this blog

irpie CSS 4.0.0

Irpie CSS 2.0.0