Irpie CSS 0.2.0

Area :

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

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

Area :

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

Float & Align :

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

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

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/0.2.0/0.2.0.css
https://cdn.jsdelivr.net/gh/irpian/css/0.2.0/0.2.0.min.css ( minify Version )

Comments

Popular posts from this blog

irpie CSS 4.0.0

Irpie CSS 2.0.0