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
Link :
Button :
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 |
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
Post a Comment