More coming soon! Please fork to add!
p = percent
n = negative
Shorti |
Property |
w-number(p) |
width |
minw-number(p) |
minWidth |
maxw-number(p) |
maxWidth |
h-number(p) |
height |
minh-number(p) |
minHeight |
maxh-number(p) |
maxHeight |
m-number(p) |
margin |
mt-number(p,n) |
marginTop |
mr-number(p,n) |
marginRight |
mb-number(p,n) |
marginBottom |
ml-number(p,n) |
marginLeft |
op(n) |
opacity |
p-number(p) |
padding |
pt-number(p) |
paddingTop |
pr-number(p) |
paddingRight |
pb-number(p) |
paddingBottom |
pl-number(p) |
paddingLeft |
t-number(p,n) |
top |
r-number(p,n) |
right |
l-number(p,n) |
left |
b-number(p,n) |
bottom |
bw-number |
borderWidth |
bc-(hex value) |
borderColor |
br-number(p) |
borderRadius |
font-number(p) |
fontSize |
Shorti |
Property |
box |
boxSizing:border-box |
block |
display:block |
inline |
display:inline |
inline-block |
display:inline-block |
hidden |
display:none |
relative |
position:relative |
absolute |
position:absolute |
fixed |
position:fixed |
pull-left |
float:left |
pull-right |
float:right |
pointer |
cursor:pointer |
solid |
borderStyle:solid |
text-center |
textAlign:center |
text-left |
textAlign:left |
text-right |
textAlign:right |
center-block |
margin:0 auto |
clearfix |
clear:both |
Shorti |
Property |
bg-url(somefilepath.filetype) |
backgroundImage:url(somefilepath.filetype) |
bg-cover |
backgroundSize:cover |
bg-center |
backgroundPosition:center |
bg-000 or bg-000000 |
backgroundColor:#000000 |
Shorti |
Property |
border-1-solid-ccc |
border:1px solid #ccc |
border-top-1-solid-ccc |
borderTop:1px solid #ccc |
border-none |
border: none |