Mobio Class CSS Snippets
This extension provide you shorthand lib Mobio CSS snippets for VS Code.
Example

You can check the list for detail snippet info.
Prefix |
CSS Snippet Content |
mo-br, border-radius |
border radius |
mo-pad, padding |
padding |
mo-pada, padding auto |
padding auto |
mo-padax, padding auto x |
padding x auto |
mo-paday, padding auto y |
padding y auto |
mo-padr, padding right |
padding right |
mo-padl, padding left |
padding left |
mo-padb, padding bottom |
padding bottom |
mo-padt, padding top |
padding top |
mo-padx, padding x |
padding x |
mo-pady, padding y |
padding y |
mo-mar, margin |
margin |
mo-mara, margin auto |
margin auto |
mo-marax, margin auto x |
margin x auto |
mo-maray, margin auto y |
margin y auto |
mo-marr, margin right |
margin right |
mo-marl, margin left |
margin left |
mo-marb, margin bottom |
margin bottom |
mo-mart, margin top |
margin top |
mo-marx, margin x |
margin x |
mo-mary, margin y |
margin y |
absolute |
position absolute |
relative |
position relative |
fixed |
position fixed |
mo-post, top |
top |
mo-post%, top% |
top % |
mo-posr, right |
right |
mo-posr%, right% |
right % |
mo-posb, bottom |
bottom |
mo-posb%, bottom% |
bottom % |
mo-posl, left |
left |
mo-posl%, left% |
left % |
mo-zi, z-index |
z-index |
mo-h, height |
height |
mo-mxh, max height |
max height |
mo-mih, min height |
min height |
mo-lh, line height |
line height |
mo-w, width |
width |
mo-mxw, max width |
max width |
mo-miw, min width |
min width |
mo-color, color |
color |
mo-bg, background |
background |
mo-bg-hover, background hover |
background hover |
mo-hover, hover |
hover |
mo-border, border |
border |
mo-border-general, border general |
border general |
mo-border-top-general, border top general |
border top general |
mo-border-bottom-general, border bottom general |
border bottom general |
mo-border-right-general, border right general |
border right general |
mo-border-left-general, border left general |
border left general |
mo-color4e, color4e |
color 4e4e4e |
mo-hover4e, hover4e |
hover 4e4e4e |
mo-color4e50, color4e50 |
color 4e4e4e 50 |
mo-color4e70, color4e70 |
color 4e4e4e 70 |
mo-color4e30, color4e30 |
color 4e4e4e 30 |
mo-color4e15, color4e15 |
color 4e4e4e 15 |
mo-bg4e50, background 4e50 |
background 4e4e4e 50 |
mo-bg4e5, background 4e5 |
background 4e4e4e 005 |
mo-bg4e30, background 4e30 |
background 4e4e4e 30 |
mo-bgn, background none |
background none |
mo-cursor, cursor |
cursor |
mo-fz, fz, font-size |
font size |
mo-calc-w, calc width |
calc width |
mo-mo-calc-vw, calc viewport width |
calc viewport width |
mo-calc-h, calc heigth |
calc heigth |
mo-calc-vh, calc viewport height |
calc viewport height |
mo-overflow, overflow |
overflow |
mo-overflow-x, overflow x |
overflow x |
mo-overflow-y, overflow y |
overflow y |
| |