Irpie CSS 2.0.0

Coloum :

full
col100
col90
col80
col75
col70
col60
col50
col40
col33
col30
col25
col20
col10
fit

Round :

round-s
round-m
round2-l
round-xl

Margin :

mg-s
mg-m
mg-l
mg-xl
mg-auto

Padding :

pd-s
pd-m
pd-l
pd-xl

pd-lr-s
pd-lr-m
pd-lr-l
pd-lr-xl

pd-tb-s
pd-tb-m
pd-tb-l
pd-tb-xl

Content :

content-s
content-m
content-l
content-xl

List :

list-s
list-m
list-l
list-xl

Button :


btn btn-s btn-orange
btn btn-s
btn btn-m btn-orange
btn btn-m
btn btn-l btn-orange
btn btn-l
btn btn-xl btn-orange
btn btn-xl
btn btn-full btn-m btn-green
btn-full btn-m

Alert :

alert-blue
alert-red
alert-orange
alert-green
alert-skyblue
alert-torquise
alert-yellow
alert-pink
alert-purple
alert-brown
alert-grey
alert-dark

alert alert-s alert-orange
alert alert-m alert-orange
alert alert-l alert-orange
alert alert-xl alert-orange

Background :

bg-blue
bg-red
bg-orange
bg-green
bg-skyblue
bg-torquise
bg-yellow
bg-pink
bg-purple
bg-brown
bg-grey
bg-dark
bg-white
bg-black

Input :

Input Text :
input-text input-s
input-text input-m
input-text input-l
input-text input-xl
Input Textarea :
input-textarea textarea-s
input-textarea textarea-m
input-textarea textarea-l
input-textarea textarea-xl
Input Option :
input-select select-s
input-select select-m
input-select select-l
input-select select-xl

Float & Align :

left ( float left )
center ( text center )
right ( float right )
text-left
justify
text-right

Opacity :

No Opacity
opacity9
opacity8
opacity7
opacity6
opacity5
opacity4
opacity3
opacity2
opacity1

Shadow :

shadow-s
shadow-m
shadow-l
shadow-xl

Display :

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

Wrapper :

Style Class Width
Wrapper Small wrapper-s 800px
Wrapper Medium wrapper-m 980px
Wrapper large wrapper-l 1024px
Wrapper Extra Large wrapper-xl 1280px
Wrapper Extra Small wrapper-xs 600px

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
nowrap-ellipsis-2 :
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
nowrap-ellipsis-3 :
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

Title :

title-s
title-m
title-l
title-xl

Tabel :

table
text text
text text
table table-clear
text text
text text
table-s
text text
text text
table-m
text text
text text
table-l
text text
text text
table-xl
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     show show show show
.res3-b     show show show show
.res2-b         show show
.res3-o     overflow:scroll overflow:scroll overflow:scroll overflow:scroll
.res2-o         overflow:scroll overflow:scroll

Pagination :


Source :
https://cdn.jsdelivr.net/gh/irpian/css/2.0.0/2.0.0.css
https://cdn.jsdelivr.net/gh/irpian/css/2.0.0/2.0.0.min.css ( minify version )

Comments

Popular posts from this blog

irpie CSS 4.0.0