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
Post a Comment