Skip to content

Instantly share code, notes, and snippets.

@kylefiedler
Last active November 7, 2019 16:42
Show Gist options
  • Star 11 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save kylefiedler/1398610 to your computer and use it in GitHub Desktop.
Save kylefiedler/1398610 to your computer and use it in GitHub Desktop.
Vim CSS Snippets
#Sass Snippets
snippet @i
@import "${1}";
snippet ext
@extend ${1};
snippet inc
@include ${1}(${2});${3}
snippet @m
@media ${1} {
${2}
}
snippet dkn
darken(${1}, ${2})
snippet ltn
lighten(${1}, ${2})
snippet tnt
tint(${1}, ${2})
snippet shd
shade(${1}, ${2})
snippet hover
&:hover {
${1}
}
#Bourbon Snippets
snippet bgz
@include background-size(${1});${2}
snippet bgz:a
@include background-size(auto);
snippet bgz:ct
@include background-size(contain);
snippet bgz:cv
@include background-size(cover);
snippet bxz
@include box-sizing(${1});${2}
snippet bxz:bb
@include box-sizing(border-box);
snippet button
@include button(${1});
snippet clf
@include clearfix;
snippet d:ib
@include inline-block;
snippet hdt
@include hide-text;
snippet imr
@include image-rendering(${1});
snippet imr:o
@include image-rendering(optimizeSpeed);
snippet inputs
#{$all-text-inputs} {
${1}
}
snippet lg
@include linear-gradient(${1}, ${2});
snippet pos
@include position(${1}, ${2});${3}
snippet pos:a
@include position(absolute, ${1: 0 0 0 0});${2}
snippet pos:f
@include position(fixed, ${1: 0 0 0 0});${2}
snippet rg
@include radial-gradient(${1}, ${2});
snippet trns
@include transition;
snippet trns+
@include transition(${1:all} ${2:2.0s} ${3:ease-in-out});${4}
snippet trfm
@include transform(${1});
snippet size
@include size($1);
#Bourbon Functions
snippet gw
grid-width(${1})
snippet gwv
$gw-column: 100px; // Column Width
$gw-gutter: 40px; // Gutter Width
snippet fg
flex-grid(${1})
snippet fgu
flex-gutter(${1})
snippet fgv
$fg-column: 60px; // Column Width
$fg-gutter: 25px; // Gutter Width
$fg-max-columns: 12; // Total Columns For Main Container
snippet mods
modular-scale(${1}, ${2}, ${3:1.618})
snippet em
em(${1})
#Neat Snippets
snippet oc
@include outer-container;
snippet spc
@include span-columns(${1});
snippet row
@include row;
snippet shift
@include shift(${1});
snippet pad
@include pad;
snippet omega
@include omega(${1});
snippet media
@include media(${1}) {
${2}
};
snippet break
$${1}: new-breakpoint(${2});
#Vanilla CSS
snippet !
!important
snippet //
// ${1}
//---------------------------------------- //
${2}
snippet bg
background: ${1:#fff} url(${2}) ${3:0} ${4:0} ${5:no-repeat};${6}
snippet bga
background-attachment: ${1};${2}
snippet bga:f
background-attachment: fixed;
snippet bga:s
background-attachment: scroll;
snippet bgbk
background-break: ${1};${2}
snippet bgbk:bb
background-break: bounding-box;
snippet bgbk:c
background-break: continuous;
snippet bgbk:eb
background-break: each-box;
snippet bgcp
background-clip: ${1};
snippet bgcp:bb
background-clip: border-box;
snippet bgcp:cb
background-clip: content-box;
snippet bgcp:nc
background-clip: no-clip;
snippet bgcp:pb
background-clip: padding-box;
snippet bgc
background-color: ${1:#FFF};
${2}
snippet bgc:t
background-color: transparent;
snippet bgi
background-image: url(${1});${2}
snippet bgi:n
background-image: none;
snippet bgo
background-origin: ${1};${2}
snippet bgo:bb
background-origin: border-box;
snippet bgo:cb
background-origin: content-box;
snippet bgo:pb
background-origin: padding-box;
snippet bgpx
background-position-x: ${1};${2}
snippet bgpy
background-position-y: ${1};${2}
snippet bgp
background-position: ${1:0} ${2:0};${3}
snippet bgr
background-repeat: ${1};${2}
snippet bgr:n
background-repeat: no-repeat;
snippet bgr:x
background-repeat: repeat-x;
snippet bgr:y
background-repeat: repeat-y;
snippet bgr:r
background-repeat: repeat;
snippet -bgz
background-size:${1};${2}
snippet -bgz:a
background-size: auto;
snippet -bgz:ct
background-size: contain;
snippet -bgz:cv
background-size: cover;
snippet bg-
background: ${1};${2}
snippet bg:ie
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1}',sizingMethod='${2:crop}');
snippet bg:n
background: none;
snippet bd+
border: ${1:1px} ${2:solid} #${3:000};${4}
snippet bdb+
border-bottom: ${1:1px} ${2:solid} #${3:000};${4}
snippet bdbc
border-bottom-color: #${1:000};${2}
snippet bdbi
border-bottom-image: url(${1});${2}
snippet bdbi:n
border-bottom-image: none;
snippet bdbli
border-bottom-left-image: url(${1});${2}
snippet bdbli:c
border-bottom-left-image: continue;
snippet bdbli:n
border-bottom-left-image: none;
snippet bdblrz
border-bottom-left-radius: ${1};${2}
snippet bdbri
border-bottom-right-image: url(${1});${2}
snippet bdbri:c
border-bottom-right-image: continue;
snippet bdbri:n
border-bottom-right-image: none;
snippet bdbrrz
border-bottom-right-radius: ${1};${2}
snippet bdbs
border-bottom-style: ${1};${2}
snippet bdbs:n
border-bottom-style: none;
snippet bdbw
border-bottom-width: ${1};${2}
snippet bdb
border-bottom: ${1};${2}
snippet bdb:n
border-bottom: none;
snippet bdbk
border-break: ${1};${2}
snippet bdbk:c
border-break: close;
snippet bdcl
border-collapse: ${1};${2}
snippet bdcl:c
border-collapse: collapse;
snippet bdcl:s
border-collapse: separate;
snippet bdc
border-color: #${1:000};${2}
snippet bdci
border-corner-image: url(${1});${2}
snippet bdci:c
border-corner-image: continue;
snippet bdci:n
border-corner-image: none;
snippet bdf
border-fit: ${1};${2}
snippet bdf:c
border-fit: clip;
snippet bdf:of
border-fit: overwrite;
snippet bdf:ow
border-fit: overwrite;
snippet bdf:r
border-fit: repeat;
snippet bdf:sc
border-fit: scale;
snippet bdf:sp
border-fit: space;
snippet bdf:st
border-fit: stretch;
snippet bdi
border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};${8}
snippet bdi:n
border-image: none;
snippet bdl+
border-left: ${1:1px} ${2:solid} #${3:000};${4}
snippet bdlc
border-left-color: #${1:000};${2}
snippet bdli
border-left-image: url(${1});${2}
snippet bdli:n
border-left-image: none;
snippet bdls
border-left-style: ${1};${2}
snippet bdls:n
border-left-style: none;
snippet bdlw
border-left-width: ${1};${2}
snippet bdl
border-left: ${1};${2}
snippet bdl:n
border-left: none;
snippet bdlt
border-length: ${1};${2}
snippet bdlt:a
border-length: auto;
snippet bdrz
border-radius: ${1};${2}
snippet bdr+
border-right: ${1:1px} ${2:solid} #${3:000};${4}
snippet bdrc
border-right-color: #${1:000};${2}
snippet bdri
border-right-image: url(${1});${2}
snippet bdri:n
border-right-image: none;
snippet bdrs
border-right-style: ${1};${2}
snippet bdrs:n
border-right-style: none;
snippet bdrw
border-right-width: ${1};${2}
snippet bdr
border-right: ${1};${2}
snippet bdr:n
border-right: none;
snippet bdsp
border-spacing: ${1};${2}
snippet bds
border-style: ${1};${2}
snippet bds:ds
border-style: dashed;
snippet bds:dtds
border-style: dot-dash;
snippet bds:dtdtds
border-style: dot-dot-dash;
snippet bds:dt
border-style: dotted;
snippet bds:db
border-style: double;
snippet bds:g
border-style: groove;
snippet bds:h
border-style: hidden;
snippet bds:i
border-style: inset;
snippet bds:n
border-style: none;
snippet bds:o
border-style: outset;
snippet bds:r
border-style: ridge;
snippet bds:s
border-style: solid;
snippet bds:w
border-style: wave;
snippet bdt+
border-top: ${1:1px} ${2:solid} #${3:000};${4}
snippet bdtc
border-top-color: #${1:000};${2}
snippet bdti
border-top-image: url(${1});${2}
snippet bdti:n
border-top-image: none;
snippet bdtli
border-top-left-image: url(${1});${2}
snippet bdtli:c
border-corner-image: continue;
snippet bdtli:n
border-corner-image: none;
snippet bdtlrz
border-top-left-radius: ${1};${2}
snippet bdtri
border-top-right-image: url(${1});${2}
snippet bdtri:c
border-top-right-image: continue;
snippet bdtri:n
border-top-right-image: none;
snippet bdtrrz
border-top-right-radius: ${1};${2}
snippet bdts
border-top-style: ${1};${2}
snippet bdts:n
border-top-style: none;
snippet bdtw
border-top-width: ${1};${2}
snippet bdt
border-top: ${1};
snippet bdt:n
border-top: none;
snippet bdw
border-width: ${1};${2}
snippet bd
border: ${1};${2}
snippet bd:n
border: none;
snippet b
bottom: ${1};${2}
snippet b:a
bottom: auto;
snippet bxs
box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${5}
snippet bxs-
box-shadow: ${1};${2}
snippet bxs:n
box-shadow: none;
snippet -bxz
box-sizing: ${1};${2}
snippet -bxz:bb
box-sizing: border-box;
snippet bxz:cb
box-sizing: content-box;
snippet cps
caption-side: ${1};${2}
snippet cps:b
caption-side: bottom;
snippet cps:t
caption-side: top;
snippet cl
clear: ${1};${2}
snippet cl:b
clear: both;
snippet cl:l
clear: left;
snippet cl:n
clear: none;
snippet cl:r
clear: right;
snippet cp
clip: ${1};${2}
snippet cp:a
clip: auto;
snippet cp:r
clip: rect(${1:0} ${2:0} ${3:0} ${4:0});${5}
snippet c
color: #${1:000};${2}
snippet ct
content: ${1};${2}
snippet ct:a
content: attr(${1});${2}
snippet ct:cq
content: close-quote;
snippet ct:c
content: counter(${1});${2}
snippet ct:cs
content: counters(${1});${2}
snippet ct:ncq
content: no-close-quote;
snippet ct:noq
content: no-open-quote;
snippet ct:n
content: normal;
snippet ct:oq
content: open-quote;
snippet coi
counter-increment: ${1};${2}
snippet cor
counter-reset: ${1};${2}
snippet cur
cursor: ${1};
snippet cur:a
cursor: auto;
snippet cur:c
cursor: crosshair;
snippet cur:d
cursor: default;
snippet cur:ha
cursor: hand;
snippet cur:he
cursor: help;
snippet cur:m
cursor: move;
snippet cur:p
cursor: pointer;
snippet cur:t
cursor: text;
snippet d
display: ${1};${2}
snippet d:mib
display: -moz-inline-box;
snippet d:mis
display: -moz-inline-stack;
snippet d:b
display: block;
snippet d:cp
display: compact;
snippet -d:ib
display: inline-block;
snippet d:itb
display: inline-table;
snippet d:i
display: inline;
snippet d:li
display: list-item;
snippet d:n
display: none;
snippet d:ri
display: run-in;
snippet d:tbcp
display: table-caption;
snippet d:tbc
display: table-cell;
snippet d:tbclg
display: table-column-group;
snippet d:tbcl
display: table-column;
snippet d:tbfg
display: table-footer-group;
snippet d:tbhg
display: table-header-group;
snippet d:tbrg
display: table-row-group;
snippet d:tbr
display: table-row;
snippet d:tb
display: table;
snippet ec
empty-cells: ${1};${2}
snippet ec:h
empty-cells: hide;
snippet ec:s
empty-cells: show;
snippet exp
expression()
snippet fl
float: ${1};${2}
snippet fl:l
float: left;
snippet fl:n
float: none;
snippet fl:r
float: right;
snippet f+
font: ${1:1em} ${2:Georgia},${3:serif};${4}
snippet fef
font-effect: ${1};${2}
snippet fef:eb
font-effect: emboss;
snippet fef:eg
font-effect: engrave;
snippet fef:n
font-effect: none;
snippet fef:o
font-effect: outline;
snippet femp
font-emphasize-position: ${1};${2}
snippet femp:a
font-emphasize-position: after;
snippet femp:b
font-emphasize-position: before;
snippet fems
font-emphasize-style: ${1};${2}
snippet fems:ac
font-emphasize-style: accent;
snippet fems:c
font-emphasize-style: circle;
snippet fems:ds
font-emphasize-style: disc;
snippet fems:dt
font-emphasize-style: dot;
snippet fems:n
font-emphasize-style: none;
snippet fem
font-emphasize: ${1};${2}
snippet ff
font-family: ${1};
snippet ff:c
font-family: ${1:'Monotype Corsiva','Comic Sans MS'},cursive;${2}
snippet ff:f
font-family: ${1:Capitals,Impact},fantasy;${2}
snippet ff:m
font-family: ${1:Monaco,'Courier New'},monospace;${2}
snippet ff:ss
font-family: ${1:Helvetica,Arial},sans-serif;${2}
snippet ff:s
font-family: ${1:Georgia,'Times New Roman'},serif;${2}
snippet fza
font-size-adjust: ${1};${2}
snippet fza:n
font-size-adjust: none;
snippet fz
font-size: ${1};${2}
snippet fsm
font-smooth: ${1};${2}
snippet fsm:aw
font-smooth: always;
snippet fsm:a
font-smooth: auto;
snippet fsm:n
font-smooth: never;
snippet fst
font-stretch: ${1};${2}
snippet fst:c
font-stretch: condensed;
snippet fst:e
font-stretch: expanded;
snippet fst:ec
font-stretch: extra-condensed;
snippet fst:ee
font-stretch: extra-expanded;
snippet fst:n
font-stretch: normal;
snippet fst:sc
font-stretch: semi-condensed;
snippet fst:se
font-stretch: semi-expanded;
snippet fst:uc
font-stretch: ultra-condensed;
snippet fst:ue
font-stretch: ultra-expanded;
snippet fs
font-style: ${1};${2}
snippet fs:i
font-style: italic;
snippet fs:n
font-style: normal;
snippet fs:o
font-style: oblique;
snippet fv
font-variant: ${1};${2}
snippet fv:n
font-variant: normal;
snippet fv:sc
font-variant: small-caps;
snippet fw
font-weight: ${1};${2}
snippet fw:b
font-weight: bold;
snippet fw:br
font-weight: bolder;
snippet fw:lr
font-weight: lighter;
snippet fw:n
font-weight: normal;
snippet fw:1
font-weight: 100;${1}
snippet fw:2
font-weight: 200;${1}
snippet fw:3
font-weight: 300;${1}
snippet fw:3
font-weight: 300;${1}
snippet fw:4
font-weight: 400;${1}
snippet fw:5
font-weight: 500;${1}
snippet fw:6
font-weight: 600;${1}
snippet fw:7
font-weight: 700;${1}
snippet fw:8
font-weight: 800;${1}
snippet fw:9
font-weight: 900;${1}
snippet f
font: ${1:1em} ${2:Helvetica, Arial, sans-serif};${3}
snippet h
height: ${1};${2}
snippet h:a
height: auto;
snippet l
left: ${1};${2}
snippet l:a
left: auto;
snippet lts
letter-spacing: ${1};${2}
snippet lh
line-height: ${1};${2}
snippet lisi
list-style-image: url(${1});${2}
snippet lisi:n
list-style-image: none;
snippet lisp
list-style-position: ${1};${2}
snippet lisp:i
list-style-position: inside;
snippet lisp:o
list-style-position: outside;
snippet list
list-style-type: ${1};${2}
snippet list:c
list-style-type: circle;
snippet list:dclz
list-style-type: decimal-leading-zero;
snippet list:dc
list-style-type: decimal;
snippet list:d
list-style-type: disc;
snippet list:lr
list-style-type: lower-roman;
snippet list:n
list-style-type: none;
snippet list:s
list-style-type: square;
snippet list:ur
list-style-type: upper-roman;
snippet lis
list-style: ${1};${2}
snippet lis:n
list-style: none;
snippet mb
margin-bottom: ${1};${2}
snippet mb:a
margin-bottom: auto;
snippet ml
margin-left: ${1};${2}
snippet ml:a
margin-left: auto;
snippet mr
margin-right: ${1};${2}
snippet mr:a
margin-right: auto;
snippet mt
margin-top: ${1};${2}
snippet mt:a
margin-top: auto;
snippet m
margin: ${1};${2}
snippet m:4
margin: ${1:0} ${2:0} ${3:0} ${4:0};${5}
snippet m:3
margin: ${1:0} ${2:0} ${3:0};${5}
snippet m:2
margin: ${1:0} ${2:0};${5}
snippet m:0
margin: 0;
snippet m:a
margin: auto;
snippet m:0a
margin: 0 auto;
snippet mah
max-height: ${1};${2}
snippet mah:n
max-height: none;
snippet maw
max-width: ${1};${2}
snippet maw:n
max-width: none;
snippet mih
min-height: ${1};${2}
snippet miw
min-width: ${1};${2}
snippet op
opacity: ${1};${2}
snippet op:ie
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=${1:100});
snippet op:ms
-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=${1:100})';
snippet orp
orphans: ${1};${2}
snippet o+
outline: ${1:1px} ${2:solid} #${3:000};${4}
snippet ouc
outline-color: ${1:#000};${2}
snippet ouc:i
outline-color: invert;
snippet oo
outline-offset: ${1};${2}
snippet os
outline-style: ${1};${2}
snippet ow
outline-width: ${1};${2}
snippet o
outline: ${1};${2}
snippet o:n
outline: none;
snippet ovs
overflow-style: ${1};${2}
snippet ovs:a
overflow-style: auto;
snippet ovs:mq
overflow-style: marquee;
snippet ovs:mv
overflow-style: move;
snippet ovs:p
overflow-style: panner;
snippet ovs:s
overflow-style: scrollbar;
snippet ovx
overflow-x: ${1};${2}
snippet ovx:a
overflow-x: auto;
snippet ovx:h
overflow-x: hidden;
snippet ovx:s
overflow-x: scroll;
snippet ovx:v
overflow-x: visible;
snippet ovy
overflow-y: ${1};${2}
snippet ovy:a
overflow-y: auto;
snippet ovy:h
overflow-y: hidden;
snippet ovy:s
overflow-y: scroll;
snippet ovy:v
overflow-y: visible;
snippet ov
overflow: ${1};${2}
snippet ov:a
overflow: auto;
snippet ov:h
overflow: hidden;
snippet ov:s
overflow: scroll;
snippet ov:v
overflow: visible;
snippet pb
padding-bottom: ${1};${2}
snippet pl
padding-left: ${1};${2}
snippet pr
padding-right: ${1};${2}
snippet pt
padding-top: ${1};${2}
snippet p
padding: ${1};${2}
snippet p:4
padding: ${1:0} ${2:0} ${3:0} ${4:0};${5}
snippet p:3
padding: ${1:0} ${2:0} ${3:0};${4}
snippet p:2
padding: ${1:0} ${2:0};${3}
snippet p:0
padding: 0;
snippet pgba
page-break-after: ${1};${2}
snippet pgba:aw
page-break-after: always;
snippet pgba:a
page-break-after: auto;
snippet pgba:l
page-break-after: left;
snippet pgba:r
page-break-after: right;
snippet pgbb
page-break-before: ${1};${2}
snippet pgbb:aw
page-break-before: always;
snippet pgbb:a
page-break-before: auto;
snippet pgbb:l
page-break-before: left;
snippet pgbb:r
page-break-before: right;
snippet pgbi
page-break-inside: ${1};${2}
snippet pgbi:a
page-break-inside: auto;
snippet pgbi:av
page-break-inside: avoid;
snippet -pos
position: ${1};${2}
snippet -pos:a
position: absolute;
snippet -pos:f
position: fixed;
snippet pos:r
position: relative;
snippet pos:s
position: static;
snippet q
quotes: ${1};${2}
snippet q:en
quotes: '\201C' '\201D' '\2018' '\2019';
snippet q:n
quotes: none;
snippet q:ru
quotes: '\00AB' '\00BB' '\201E' '\201C';
snippet rz
resize: ${1};${2}
snippet rz:b
resize: both;
snippet rz:h
resize: horizontal;
snippet rz:n
resize: none;
snippet rz:v
resize: vertical;
snippet r
right: ${1};${2}
snippet r:a
right: auto;
snippet selection
::selection {
background: ${1}; /* Safari */
}
>::-moz-selection {
background: ${1}; /* Firefox */
}
snippet tbl
table-layout: ${1};${2}
snippet tbl:a
table-layout: auto;
snippet tbl:f
table-layout: fixed;
snippet tal
text-align-last: ${1};${2}
snippet tal:a
text-align-last: auto;
snippet tal:c
text-align-last: center;
snippet tal:l
text-align-last: left;
snippet tal:r
text-align-last: right;
snippet ta
text-align: ${1};${2}
snippet ta:c
text-align: center;
snippet ta:l
text-align: left;
snippet ta:r
text-align: right;
snippet td
text-decoration: ${1};${2}
snippet td:l
text-decoration: line-through;
snippet td:n
text-decoration: none;
snippet td:o
text-decoration: overline;
snippet td:u
text-decoration: underline;
snippet te
text-emphasis: ${1};${2}
snippet te:ac
text-emphasis: accent;
snippet te:a
text-emphasis: after;
snippet te:b
text-emphasis: before;
snippet te:c
text-emphasis: circle;
snippet te:ds
text-emphasis: disc;
snippet te:dt
text-emphasis: dot;
snippet te:n
text-emphasis: none;
snippet th
text-height: ${1};${2}
snippet th:a
text-height: auto;
snippet th:f
text-height: font-size;
snippet th:m
text-height: max-size;
snippet th:t
text-height: text-size;
snippet ti
text-indent: ${1};${2}
snippet ti:-
text-indent: -9999px;
snippet tj
text-justify: ${1};${2}
snippet tj:a
text-justify: auto;
snippet tj:d
text-justify: distribute;
snippet tj:ic
text-justify: inter-cluster;
snippet tj:ii
text-justify: inter-ideograph;
snippet tj:iw
text-justify: inter-word;
snippet tj:k
text-justify: kashida;
snippet tj:t
text-justify: tibetan;
snippet to+
text-outline: ${1:0} ${2:0} #${3:000};${2}
snippet to
text-outline: ${1};${2}
snippet to:n
text-outline: none;
snippet tr
text-replace: ${1};${2}
snippet tr:n
text-replace: none;
snippet tsh+
text-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${5}
snippet tsh
text-shadow: ${1};${2}
snippet tsh:n
text-shadow: none;
snippet tt
text-transform: ${1};${2}
snippet tt:c
text-transform: capitalize;
snippet tt:l
text-transform: lowercase;
snippet tt:n
text-transform: none;
snippet tt:u
text-transform: uppercase;
snippet tw
text-wrap: ${1};${2}
snippet tw:no
text-wrap: none;
snippet tw:n
text-wrap: normal;
snippet tw:s
text-wrap: suppress;
snippet tw:u
text-wrap: unrestricted;
snippet t
top: ${1};${2}
snippet t:a
top: auto;
snippet va
vertical-align: ${1};${2}
snippet va:bl
vertical-align: baseline;
snippet va:b
vertical-align: bottom;
snippet va:m
vertical-align: middle;
snippet va:sub
vertical-align: sub;
snippet va:sup
vertical-align: super;
snippet va:tb
vertical-align: text-bottom;
snippet va:tt
vertical-align: text-top;
snippet va:t
vertical-align: top;
snippet v
visibility: ${1};${2}
snippet v:c
visibility: collapse;
snippet v:h
visibility: hidden;
snippet v:v
visibility: visible;
snippet wf
-webkit-font-smoothing: ${1};${2}
snippet wf:a
-webkit-font-smoothing: antialiased;
snippet whsc
white-space-collapse: ${1};${2}
snippet whsc:ba
white-space-collapse: break-all;
snippet whsc:bs
white-space-collapse: break-strict;
snippet whsc:k
white-space-collapse: keep-all;
snippet whsc:l
white-space-collapse: loose;
snippet whsc:n
white-space-collapse: normal;
snippet whs
white-space: ${1};${2}
snippet whs:n
white-space: normal;
snippet whs:nw
white-space: nowrap;
snippet whs:pl
white-space: pre-line;
snippet whs:pw
white-space: pre-wrap;
snippet whs:p
white-space: pre;
snippet wid
widows: ${1};${2}
snippet w
width: ${1};${2}
snippet w:a
width: auto;
snippet wob
word-break: ${1};${2}
snippet wob:ba
word-break: break-all;
snippet wob:bs
word-break: break-strict;
snippet wob:k
word-break: keep-all;
snippet wob:l
word-break: loose;
snippet wob:n
word-break: normal;
snippet wos
word-spacing: ${1};${2}
snippet wow
word-wrap: ${1};${2}
snippet wow:no
word-wrap: none;
snippet wow:n
word-wrap: normal;
snippet wow:s
word-wrap: suppress;
snippet wow:u
word-wrap: unrestricted;
snippet z
z-index: ${1};${2}
snippet z:a
z-index: auto;
snippet zoo
zoom: 1;
@janklosowski
Copy link

A small bug:
Lines 620. & 622. – snippet fw:3 is double

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment