CSS Editor Snippets
. - ${1} {, ${2}, }
! - !important
bdi:m+ - -moz-border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};
bdi:m - -moz-border-image: ${1};
bdrz:m - -moz-border-radius: ${1};
bxsh:m+ - -moz-box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};
bxsh:m - -moz-box-shadow: ${1};
bdi:w+ - -webkit-border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};
bdi:w - -webkit-border-image: ${1};
bdrz:w - -webkit-border-radius: ${1};
bxsh:w+ - -webkit-box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};
bxsh:w - -webkit-box-shadow: ${1};
@f - @font-face {, font-family: ${1};, src: url(${2});, }
@i - @import url(${1});
@m - @media ${1:print} {, ${2}, }
bg+ - background: #${1:FFF} url(${2}) ${3:0} ${4:0} ${5:no-repeat};
bga - background-attachment: ${1};
bga:f - background-attachment: fixed;
bga:s - background-attachment: scroll;
bgbk - background-break: ${1};
bgbk:bb - background-break: bounding-box;
bgbk:c - background-break: continuous;
bgbk:eb - background-break: each-box;
bgcp - background-clip: ${1};
bgcp:bb - background-clip: border-box;
bgcp:cb - background-clip: content-box;
bgcp:nc - background-clip: no-clip;
bgcp:pb - background-clip: padding-box;
bgc - background-color: #${1:FFF};
bgc:t - background-color: transparent;
bgi - background-image: url(${1});
bgi:n - background-image: none;
bgo - background-origin: ${1};
bgo:bb - background-origin: border-box;
bgo:cb - background-origin: content-box;
bgo:pb - background-origin: padding-box;
bgpx - background-position-x: ${1};
bgpy - background-position-y: ${1};
bgp - background-position: ${1:0} ${2:0};
bgr - background-repeat: ${1};
bgr:n - background-repeat: no-repeat;
bgr:x - background-repeat: repeat-x;
bgr:y - background-repeat: repeat-y;
bgr:r - background-repeat: repeat;
bgz - background-size: ${1};
bgz:a - background-size: auto;
bgz:ct - background-size: contain;
bgz:cv - background-size: cover;
bg - background: ${1};
bg:ie - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1}', sizingMethod='${2:crop}');
bg:n - background: none;
bd+ - border: ${1:1px} ${2:solid} #${3:000};
bdb+ - border-bottom: ${1:1px} ${2:solid} #${3:000};
bdbc - border-bottom-color: #${1:000};
bdbi - border-bottom-image: url(${1});
bdbi:n - border-bottom-image: none;
bdbli - border-bottom-left-image: url(${1});
bdbli:c - border-bottom-left-image: continue;
bdbli:n - border-bottom-left-image: none;
bdblrz - border-bottom-left-radius: ${1};
bdbri - border-bottom-right-image: url(${1});
bdbri:c - border-bottom-right-image: continue;
bdbri:n - border-bottom-right-image: none;
bdbrrz - border-bottom-right-radius: ${1};
bdbs - border-bottom-style: ${1};
bdbs:n - border-bottom-style: none;
bdbw - border-bottom-width: ${1};
bdb - border-bottom: ${1};
bdb:n - border-bottom: none;
bdbk - border-break: ${1};
bdbk:c - border-break: close;
bdcl - border-collapse: ${1};
bdcl:c - border-collapse: collapse;
bdcl:s - border-collapse: separate;
bdc - border-color: #${1:000};
bdci - border-corner-image: url(${1});
bdci:c - border-corner-image: continue;
bdci:n - border-corner-image: none;
bdf - border-fit: ${1};
bdf:c - border-fit: clip;
bdf:of - border-fit: overwrite;
bdf:ow - border-fit: overwrite;
bdf:r - border-fit: repeat;
bdf:sc - border-fit: scale;
bdf:sp - border-fit: space;
bdf:st - border-fit: stretch;
bdi - border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};
bdi:n - border-image: none;
bdl+ - border-left: ${1:1px} ${2:solid} #${3:000};
bdlc - border-left-color: #${1:000};
bdli - border-left-image: url(${1});
bdli:n - border-left-image: none;
bdls - border-left-style: ${1};
bdls:n - border-left-style: none;
bdlw - border-left-width: ${1};
bdl - border-left: ${1};
bdl:n - border-left: none;
bdlt - border-length: ${1};
bdlt:a - border-length: auto;
bdrz - border-radius: ${1};
bdr+ - border-right: ${1:1px} ${2:solid} #${3:000};
bdrc - border-right-color: #${1:000};
bdri - border-right-image: url(${1});
bdri:n - border-right-image: none;
bdrs - border-right-style: ${1};
bdrs:n - border-right-style: none;
bdrw - border-right-width: ${1};
bdr - border-right: ${1};
bdr:n - border-right: none;
bdsp - border-spacing: ${1};
bds - border-style: ${1};
bds:ds - border-style: dashed;
bds:dtds - border-style: dot-dash;
bds:dtdtds - border-style: dot-dot-dash;
bds:dt - border-style: dotted;
bds:db - border-style: double;
bds:g - border-style: groove;
bds:h - border-style: hidden;
bds:i - border-style: inset;
bds:n - border-style: none;
bds:o - border-style: outset;
bds:r - border-style: ridge;
bds:s - border-style: solid;
bds:w - border-style: wave;
bdt+ - border-top: ${1:1px} ${2:solid} #${3:000};
bdtc - border-top-color: #${1:000};
bdti - border-top-image: url(${1});
bdti:n - border-top-image: none;
bdtli - border-top-left-image: url(${1});
bdtli:c - border-corner-image: continue;
bdtli:n - border-corner-image: none;
bdtlrz - border-top-left-radius: ${1};
bdtri - border-top-right-image: url(${1});
bdtri:c - border-top-right-image: continue;
bdtri:n - border-top-right-image: none;
bdtrrz - border-top-right-radius: ${1};
bdts - border-top-style: ${1};
bdts:n - border-top-style: none;
bdtw - border-top-width: ${1};
bdt - border-top: ${1};
bdt:n - border-top: none;
bdw - border-width: ${1};
bd - border: ${1};
bd:n - border: none;
b - bottom: ${1};
b:a - bottom: auto;
bxsh+ - box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};
bxsh - box-shadow: ${1};
bxsh:n - box-shadow: none;
bxz - box-sizing: ${1};
bxz:bb - box-sizing: border-box;
bxz:cb - box-sizing: content-box;
cps - caption-side: ${1};
cps:b - caption-side: bottom;
cps:t - caption-side: top;
cl - clear: ${1};
cl:b - clear: both;
cl:l - clear: left;
cl:n - clear: none;
cl:r - clear: right;
cp - clip: ${1};
cp:a - clip: auto;
cp:r - clip: rect(${1:0} ${2:0} ${3:0} ${4:0});
c - color: #${1:000};
ct - content: ${1};
ct:a - content: attr(${1});
ct:cq - content: close-quote;
ct:c - content: counter(${1});
ct:cs - content: counters(${1});
ct:ncq - content: no-close-quote;
ct:noq - content: no-open-quote;
ct:n - content: normal;
ct:oq - content: open-quote;
coi - counter-increment: ${1};
cor - counter-reset: ${1};
cur - cursor: ${1};
cur:a - cursor: auto;
cur:c - cursor: crosshair;
cur:d - cursor: default;
cur:ha - cursor: hand;
cur:he - cursor: help;
cur:m - cursor: move;
cur:p - cursor: pointer;
cur:t - cursor: text;
d - display: ${1};
d:mib - display: -moz-inline-box;
d:mis - display: -moz-inline-stack;
d:b - display: block;
d:cp - display: compact;
d:ib - display: inline-block;
d:itb - display: inline-table;
d:i - display: inline;
d:li - display: list-item;
d:n - display: none;
d:ri - display: run-in;
d:tbcp - display: table-caption;
d:tbc - display: table-cell;
d:tbclg - display: table-column-group;
d:tbcl - display: table-column;
d:tbfg - display: table-footer-group;
d:tbhg - display: table-header-group;
d:tbrg - display: table-row-group;
d:tbr - display: table-row;
d:tb - display: table;
ec - empty-cells: ${1};
ec:h - empty-cells: hide;
ec:s - empty-cells: show;
exp - expression()
fl - float: ${1};
fl:l - float: left;
fl:n - float: none;
fl:r - float: right;
f+ - font: ${1:1em} ${2:Arial}, ${3:sans-serif};
fef - font-effect: ${1};
fef:eb - font-effect: emboss;
fef:eg - font-effect: engrave;
fef:n - font-effect: none;
fef:o - font-effect: outline;
femp - font-emphasize-position: ${1};
femp:a - font-emphasize-position: after;
femp:b - font-emphasize-position: before;
fems - font-emphasize-style: ${1};
fems:ac - font-emphasize-style: accent;
fems:c - font-emphasize-style: circle;
fems:ds - font-emphasize-style: disc;
fems:dt - font-emphasize-style: dot;
fems:n - font-emphasize-style: none;
fem - font-emphasize: ${1};
ff - font-family: ${1};
ff:c - font-family: ${1:'Monotype Corsiva','Comic Sans MS'}, cursive;
ff:f - font-family: ${1:Capitals - Impact}, fantasy;
ff:m - font-family: ${1:Monaco - 'Courier New'}, monospace;
ff:ss - font-family: ${1:Helvetica - Arial}, sans-serif;
ff:s - font-family: ${1:Georgia - 'Times New Roman'}, serif;
fza - font-size-adjust: ${1};
fza:n - font-size-adjust: none;
fz - font-size: ${1};
fsm - font-smooth: ${1};
fsm:aw - font-smooth: always;
fsm:a - font-smooth: auto;
fsm:n - font-smooth: never;
fst - font-stretch: ${1};
fst:c - font-stretch: condensed;
fst:e - font-stretch: expanded;
fst:ec - font-stretch: extra-condensed;
fst:ee - font-stretch: extra-expanded;
fst:n - font-stretch: normal;
fst:sc - font-stretch: semi-condensed;
fst:se - font-stretch: semi-expanded;
fst:uc - font-stretch: ultra-condensed;
fst:ue - font-stretch: ultra-expanded;
fs - font-style: ${1};
fs:i - font-style: italic;
fs:n - font-style: normal;
fs:o - font-style: oblique;
fv - font-variant: ${1};
fv:n - font-variant: normal;
fv:sc - font-variant: small-caps;
fw - font-weight: ${1};
fw:b - font-weight: bold;
fw:br - font-weight: bolder;
fw:lr - font-weight: lighter;
fw:n - font-weight: normal;
f - font: ${1};
h - height: ${1};
h:a - height: auto;
l - left: ${1};
l:a - left: auto;
lts - letter-spacing: ${1};
lh - line-height: ${1};
lisi - list-style-image: url(${1});
lisi:n - list-style-image: none;
lisp - list-style-position: ${1};
lisp:i - list-style-position: inside;
lisp:o - list-style-position: outside;
list - list-style-type: ${1};
list:c - list-style-type: circle;
list:dclz - list-style-type: decimal-leading-zero;
list:dc - list-style-type: decimal;
list:d - list-style-type: disc;
list:lr - list-style-type: lower-roman;
list:n - list-style-type: none;
list:s - list-style-type: square;
list:ur - list-style-type: upper-roman;
lis - list-style: ${1};
lis:n - list-style: none;
mb - margin-bottom: ${1};
mb:a - margin-bottom: auto;
ml - margin-left: ${1};
ml:a - margin-left: auto;
mr - margin-right: ${1};
mr:a - margin-right: auto;
mt - margin-top: ${1};
mt:a - margin-top: auto;
m - margin: ${1};
m:4 - margin: ${1:0} ${2:0} ${3:0} ${4:0};
m:3 - margin: ${1:0} ${2:0} ${3:0};
m:2 - margin: ${1:0} ${2:0};
m:0 - margin: 0;
m:a - margin: auto;
mah - max-height: ${1};
mah:n - max-height: none;
maw - max-width: ${1};
maw:n - max-width: none;
mih - min-height: ${1};
miw - min-width: ${1};
op - opacity: ${1};
op:ie - filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=${1:100});
op:ms - -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=${1:100})';
orp - orphans: ${1};
o+ - outline: ${1:1px} ${2:solid} #${3:000};
oc - outline-color: ${1:#000};
oc:i - outline-color: invert;
oo - outline-offset: ${1};
os - outline-style: ${1};
ow - outline-width: ${1};
o - outline: ${1};
o:n - outline: none;
ovs - overflow-style: ${1};
ovs:a - overflow-style: auto;
ovs:mq - overflow-style: marquee;
ovs:mv - overflow-style: move;
ovs:p - overflow-style: panner;
ovs:s - overflow-style: scrollbar;
ovx - overflow-x: ${1};
ovx:a - overflow-x: auto;
ovx:h - overflow-x: hidden;
ovx:s - overflow-x: scroll;
ovx:v - overflow-x: visible;
ovy - overflow-y: ${1};
ovy:a - overflow-y: auto;
ovy:h - overflow-y: hidden;
ovy:s - overflow-y: scroll;
ovy:v - overflow-y: visible;
ov - overflow: ${1};
ov:a - overflow: auto;
ov:h - overflow: hidden;
ov:s - overflow: scroll;
ov:v - overflow: visible;
pb - padding-bottom: ${1};
pl - padding-left: ${1};
pr - padding-right: ${1};
pt - padding-top: ${1};
p - padding: ${1};
p:4 - padding: ${1:0} ${2:0} ${3:0} ${4:0};
p:3 - padding: ${1:0} ${2:0} ${3:0};
p:2 - padding: ${1:0} ${2:0};
p:0 - padding: 0;
pgba - page-break-after: ${1};
pgba:aw - page-break-after: always;
pgba:a - page-break-after: auto;
pgba:l - page-break-after: left;
pgba:r - page-break-after: right;
pgbb - page-break-before: ${1};
pgbb:aw - page-break-before: always;
pgbb:a - page-break-before: auto;
pgbb:l - page-break-before: left;
pgbb:r - page-break-before: right;
pgbi - page-break-inside: ${1};
pgbi:a - page-break-inside: auto;
pgbi:av - page-break-inside: avoid;
pos - position: ${1};
pos:a - position: absolute;
pos:f - position: fixed;
pos:r - position: relative;
pos:s - position: static;
q - quotes: ${1};
q:en - quotes: '\201C' '\201D' '\2018' '\2019';
q:n - quotes: none;
q:ru - quotes: '\00AB' '\00BB' '\201E' '\201C';
rz - resize: ${1};
rz:b - resize: both;
rz:h - resize: horizontal;
rz:n - resize: none;
rz:v - resize: vertical;
r - right: ${1};
r:a - right: auto;
tbl - table-layout: ${1};
tbl:a - table-layout: auto;
tbl:f - table-layout: fixed;
tal - text-align-last: ${1};
tal:a - text-align-last: auto;
tal:c - text-align-last: center;
tal:l - text-align-last: left;
tal:r - text-align-last: right;
ta - text-align: ${1};
ta:c - text-align: center;
ta:l - text-align: left;
ta:r - text-align: right;
td - text-decoration: ${1};
td:l - text-decoration: line-through;
td:n - text-decoration: none;
td:o - text-decoration: overline;
td:u - text-decoration: underline;
te - text-emphasis: ${1};
te:ac - text-emphasis: accent;
te:a - text-emphasis: after;
te:b - text-emphasis: before;
te:c - text-emphasis: circle;
te:ds - text-emphasis: disc;
te:dt - text-emphasis: dot;
te:n - text-emphasis: none;
th - text-height: ${1};
th:a - text-height: auto;
th:f - text-height: font-size;
th:m - text-height: max-size;
th:t - text-height: text-size;
ti - text-indent: ${1};
ti:- - text-indent: -9999px;
tj - text-justify: ${1};
tj:a - text-justify: auto;
tj:d - text-justify: distribute;
tj:ic - text-justify: inter-cluster;
tj:ii - text-justify: inter-ideograph;
tj:iw - text-justify: inter-word;
tj:k - text-justify: kashida;
tj:t - text-justify: tibetan;
to+ - text-outline: ${1:0} ${2:0} #${3:000};
to - text-outline: ${1};
to:n - text-outline: none;
tr - text-replace: ${1};
tr:n - text-replace: none;
tsh+ - text-shadow: ${1:0} ${2:0} ${3:0} #${4:000};
tsh - text-shadow: ${1};
tsh:n - text-shadow: none;
tt - text-transform: ${1};
tt:c - text-transform: capitalize;
tt:l - text-transform: lowercase;
tt:n - text-transform: none;
tt:u - text-transform: uppercase;
tw - text-wrap: ${1};
tw:no - text-wrap: none;
tw:n - text-wrap: normal;
tw:s - text-wrap: suppress;
tw:u - text-wrap: unrestricted;
t - top: ${1};
t:a - top: auto;
va - vertical-align: ${1};
va:bl - vertical-align: baseline;
va:b - vertical-align: bottom;
va:m - vertical-align: middle;
va:sub - vertical-align: sub;
va:sup - vertical-align: super;
va:tb - vertical-align: text-bottom;
va:tt - vertical-align: text-top;
va:t - vertical-align: top;
v - visibility: ${1};
v:c - visibility: collapse;
v:h - visibility: hidden;
v:v - visibility: visible;
whsc - white-space-collapse: ${1};
whsc:ba - white-space-collapse: break-all;
whsc:bs - white-space-collapse: break-strict;
whsc:k - white-space-collapse: keep-all;
whsc:l - white-space-collapse: loose;
whsc:n - white-space-collapse: normal;
whs - white-space: ${1};
whs:n - white-space: normal;
whs:nw - white-space: nowrap;
whs:pl - white-space: pre-line;
whs:pw - white-space: pre-wrap;
whs:p - white-space: pre;
wid - widows: ${1};
w - width: ${1};
w:a - width: auto;
wob - word-break: ${1};
wob:ba - word-break: break-all;
wob:bs - word-break: break-strict;
wob:k - word-break: keep-all;
wob:l - word-break: loose;
wob:n - word-break: normal;
wos - word-spacing: ${1};
wow - word-wrap: ${1};
wow:no - word-wrap: none;
wow:n - word-wrap: normal;
wow:s - word-wrap: suppress;
wow:u - word-wrap: unrestricted;
z - z-index: ${1};
z:a - z-index: auto;
zoo - zoom: 1;