Added snippets directory

1 files changed, 1263 insertions, 0 deletions

diff --git a/snippets/css.snippets b/snippets/css.snippets
new file mode 100644
index 0000000..841b313
--- /dev/null
+++ b/snippets/css.snippets
@@ -0,0 +1,1263 @@
+snippet . "selector { }"
+	${1} {
+		${2:${VISUAL}}
+	}${0}
+snippet ! "!important"
+	 !important
+snippet bdi:m+
+	-moz-border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};${0}
+snippet bdi:m
+	-moz-border-image: ${1};${0}
+snippet bdrz:m
+	-moz-border-radius: ${1};${0}
+snippet bxsh:m+
+	-moz-box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${0}
+snippet bxsh:m
+	-moz-box-shadow: ${1};${0}
+snippet bdi:w+
+	-webkit-border-image: url(${1}) ${2:0} ${3:0} ${4:0} ${5:0} ${6:stretch} ${7:stretch};${0}
+snippet bdi:w
+	-webkit-border-image: ${1};${0}
+snippet bdrz:w
+	-webkit-border-radius: ${1};${0}
+snippet bxsh:w+
+	-webkit-box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${0}
+snippet bxsh:w
+	-webkit-box-shadow: ${1};${0}
+snippet @f
+	@font-face {
+		font-family: ${1};
+		src: url(${2});
+	}${0}
+snippet @i
+	@import url(${1});${0}
+snippet @m "@media mediatype { }"
+	@media ${1:print} {
+		${2:${VISUAL}}
+	}${0}
+snippet ac
+	align-content: ${1:stretch};
+snippet ac:s
+	align-content: start;
+snippet ac:e
+	align-content: end;
+snippet ac:c
+	align-content: center;
+snippet ac:fs
+	align-content: flex-start;
+snippet ac:fe
+	align-content: flex-end;
+snippet ac:sb
+	align-content: space-between;
+snippet ac:sa
+	align-content: space-around;
+snippet ac:se
+	align-content: space-evenly;
+snippet ac:st
+	align-content: stretch;
+snippet ac:b
+	align-content: baseline;
+snippet ac:fb
+	align-content: first baseline;
+snippet ac:lb
+	align-content: last baseline;
+snippet ai
+	align-items: ${1:stretch};
+snippet ai:s
+	align-items: start;
+snippet ai:e
+	align-items: end;
+snippet ai:c
+	align-items: center;
+snippet ai:fs
+	align-items: flex-start;
+snippet ai:fe
+	align-items: flex-end;
+snippet ai:st
+	align-items: stretch;
+snippet ai:b
+	align-items: baseline;
+snippet ai:fb
+	align-items: first baseline;
+snippet ai:lb
+	align-items: last baseline;
+snippet as
+	align-self: ${1:stretch};
+snippet as:s
+	align-self: start;
+snippet as:e
+	align-self: end;
+snippet as:c
+	align-self: center;
+snippet as:st
+	align-self: stretch;
+snippet as:fs
+	align-self: flex-start;
+snippet as:fe
+	align-self: flex-end;
+snippet as:b
+	align-self: baseline;
+snippet as:fb
+	align-self: first baseline;
+snippet as:lb
+	align-self: last baseline;
+snippet bg+
+	background: #${1:fff} url(${2}) ${3:0} ${4:0} ${5:no-repeat};${0}
+snippet bga
+	background-attachment: ${1};${0}
+snippet bga:f
+	background-attachment: fixed;
+snippet bga:s
+	background-attachment: scroll;
+snippet bgbk
+	background-break: ${1};${0}
+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};${0}
+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};${0}
+snippet bgc:t
+	background-color: transparent;
+snippet bgi
+	background-image: url(${1});${0}
+snippet bgi:n
+	background-image: none;
+snippet bgo
+	background-origin: ${1};${0}
+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};${0}
+snippet bgpy
+	background-position-y: ${1};${0}
+snippet bgp
+	background-position: ${1:0} ${2:0};${0}
+snippet bgr
+	background-repeat: ${1};${0}
+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};${0}
+snippet bgz:a
+	background-size: auto;
+snippet bgz:ct
+	background-size: contain;
+snippet bgz:cv
+	background-size: cover;
+snippet bg
+	background: ${1};${0}
+snippet bg:ie
+	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='${1}',sizingMethod='${0:crop}');
+snippet bg:n
+	background: none;
+snippet bd+
+	border: ${1:1px} ${2:solid} #${3:000};${0}
+snippet bdb+
+	border-bottom: ${1:1px} ${2:solid} #${3:000};${0}
+snippet bdbc
+	border-bottom-color: #${1:000};${0}
+snippet bdbi
+	border-bottom-image: url(${1});${0}
+snippet bdbi:n
+	border-bottom-image: none;
+snippet bdbli
+	border-bottom-left-image: url(${1});${0}
+snippet bdbli:c
+	border-bottom-left-image: continue;
+snippet bdbli:n
+	border-bottom-left-image: none;
+snippet bdblrz
+	border-bottom-left-radius: ${1};${0}
+snippet bdbri
+	border-bottom-right-image: url(${1});${0}
+snippet bdbri:c
+	border-bottom-right-image: continue;
+snippet bdbri:n
+	border-bottom-right-image: none;
+snippet bdbrrz
+	border-bottom-right-radius: ${1};${0}
+snippet bdbs
+	border-bottom-style: ${1};${0}
+snippet bdbs:n
+	border-bottom-style: none;
+snippet bdbw
+	border-bottom-width: ${1};${0}
+snippet bdb
+	border-bottom: ${1};${0}
+snippet bdb:n
+	border-bottom: none;
+snippet bdbk
+	border-break: ${1};${0}
+snippet bdbk:c
+	border-break: close;
+snippet bdcl
+	border-collapse: ${1};${0}
+snippet bdcl:c
+	border-collapse: collapse;
+snippet bdcl:s
+	border-collapse: separate;
+snippet bdc
+	border-color: #${1:000};${0}
+snippet bdci
+	border-corner-image: url(${1});${0}
+snippet bdci:c
+	border-corner-image: continue;
+snippet bdci:n
+	border-corner-image: none;
+snippet bdf
+	border-fit: ${1};${0}
+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};${0}
+snippet bdi:n
+	border-image: none;
+snippet bdl+
+	border-left: ${1:1px} ${2:solid} #${3:000};${0}
+snippet bdlc
+	border-left-color: #${1:000};${0}
+snippet bdli
+	border-left-image: url(${1});${0}
+snippet bdli:n
+	border-left-image: none;
+snippet bdls
+	border-left-style: ${1};${0}
+snippet bdls:n
+	border-left-style: none;
+snippet bdlw
+	border-left-width: ${1};${0}
+snippet bdl
+	border-left: ${1};${0}
+snippet bdl:n
+	border-left: none;
+snippet bdlt
+	border-length: ${1};${0}
+snippet bdlt:a
+	border-length: auto;
+snippet bdrz
+	border-radius: ${1};${0}
+snippet bdr+
+	border-right: ${1:1px} ${2:solid} #${3:000};${0}
+snippet bdrc
+	border-right-color: #${1:000};${0}
+snippet bdri
+	border-right-image: url(${1});${0}
+snippet bdri:n
+	border-right-image: none;
+snippet bdrs
+	border-right-style: ${1};${0}
+snippet bdrs:n
+	border-right-style: none;
+snippet bdrw
+	border-right-width: ${1};${0}
+snippet bdr
+	border-right: ${1};${0}
+snippet bdr:n
+	border-right: none;
+snippet bdsp
+	border-spacing: ${1};${0}
+snippet bds
+	border-style: ${1};${0}
+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};${0}
+snippet bdtc
+	border-top-color: #${1:000};${0}
+snippet bdti
+	border-top-image: url(${1});${0}
+snippet bdti:n
+	border-top-image: none;
+snippet bdtli
+	border-top-left-image: url(${1});${0}
+snippet bdtli:c
+	border-corner-image: continue;
+snippet bdtli:n
+	border-corner-image: none;
+snippet bdtlrz
+	border-top-left-radius: ${1};${0}
+snippet bdtri
+	border-top-right-image: url(${1});${0}
+snippet bdtri:c
+	border-top-right-image: continue;
+snippet bdtri:n
+	border-top-right-image: none;
+snippet bdtrrz
+	border-top-right-radius: ${1};${0}
+snippet bdts
+	border-top-style: ${1};${0}
+snippet bdts:n
+	border-top-style: none;
+snippet bdtw
+	border-top-width: ${1};${0}
+snippet bdt
+	border-top: ${1};${0}
+snippet bdt:n
+	border-top: none;
+snippet bdw
+	border-width: ${1};${0}
+snippet bd
+	border: ${1};${0}
+snippet bd:n
+	border: none;
+snippet b
+	bottom: ${1};${0}
+snippet b:a
+	bottom: auto;
+snippet bxsh+
+	box-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${0}
+snippet bxsh
+	box-shadow: ${1};${0}
+snippet bxsh:n
+	box-shadow: none;
+snippet bxz
+	box-sizing: ${1};${0}
+snippet bxz:bb
+	box-sizing: border-box;
+snippet bxz:cb
+	box-sizing: content-box;
+snippet cps
+	caption-side: ${1};${0}
+snippet cps:b
+	caption-side: bottom;
+snippet cps:t
+	caption-side: top;
+snippet cl
+	clear: ${1};${0}
+snippet cl:b
+	clear: both;
+snippet cl:l
+	clear: left;
+snippet cl:n
+	clear: none;
+snippet cl:r
+	clear: right;
+snippet cp
+	clip: ${1};${0}
+snippet cp:a
+	clip: auto;
+snippet cp:r
+	clip: rect(${1:0} ${2:0} ${3:0} ${4:0});${0}
+snippet c
+	color: #${1:000};${0}
+snippet ct
+	content: ${1};${0}
+snippet ct:a
+	content: attr(${1});${0}
+snippet ct:cq
+	content: close-quote;
+snippet ct:c
+	content: counter(${1});${0}
+snippet ct:cs
+	content: counters(${1});${0}
+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};${0}
+snippet cor
+	counter-reset: ${1};${0}
+snippet cur
+	cursor: ${1};${0}
+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};${0}
+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:g
+	display: grid;
+snippet d:f
+	display: flex;
+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};${0}
+snippet ec:h
+	empty-cells: hide;
+snippet ec:s
+	empty-cells: show;
+snippet exp
+	expression()
+snippet fx
+	flex: ${1:0} ${2:1} ${0:auto};
+snippet fxb
+	flex-basis: ${0:auto};
+snippet fxb:a
+	flex-basis: auto;
+snippet fxd
+	flex-direction: ${0:row};
+snippet fxd:c
+	flex-direction: column;
+snippet fxd:cr
+	flex-direction: column-reverse;
+snippet fxd:r
+	flex-direction: row;
+snippet fxd:rr
+	flex-direction: row-reverse;
+snippet fxf
+	flex-flow: ${1:row} ${0:nowrap};
+snippet fxg
+	flex-grow: ${0:0};
+snippet fxs
+	flex-shrink: ${0:1};
+snippet fxw
+	flex-wrap: ${0:nowrap};
+snippet fxw:n
+	flex-wrap: nowrap;
+snippet fxw:w
+	flex-wrap: wrap;
+snippet fxw:wr
+	flex-wrap: wrap-reverse;
+snippet fl
+	float: ${1};${0}
+snippet fl:l
+	float: left;
+snippet fl:n
+	float: none;
+snippet fl:r
+	float: right;
+snippet f+
+	font: ${1:1em} ${2:Arial},${3:sans-serif};${0}
+snippet fef
+	font-effect: ${1};${0}
+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};${0}
+snippet femp:a
+	font-emphasize-position: after;
+snippet femp:b
+	font-emphasize-position: before;
+snippet fems
+	font-emphasize-style: ${1};${0}
+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};${0}
+snippet ff
+	font-family: ${1};${0}
+snippet ff:c
+	font-family: ${0:'Monotype Corsiva','Comic Sans MS'},cursive;
+snippet ff:f
+	font-family: ${0:Capitals,Impact},fantasy;
+snippet ff:m
+	font-family: ${0:Monaco,'Courier New'},monospace;
+snippet ff:ss
+	font-family: ${0:Helvetica,Arial},sans-serif;
+snippet ff:s
+	font-family: ${0:Georgia,'Times New Roman'},serif;
+snippet fza
+	font-size-adjust: ${1};${0}
+snippet fza:n
+	font-size-adjust: none;
+snippet fz
+	font-size: ${1};${0}
+snippet fsm
+	font-smooth: ${1};${0}
+snippet fsm:aw
+	font-smooth: always;
+snippet fsm:a
+	font-smooth: auto;
+snippet fsm:n
+	font-smooth: never;
+snippet fst
+	font-stretch: ${1};${0}
+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};${0}
+snippet fs:i
+	font-style: italic;
+snippet fs:n
+	font-style: normal;
+snippet fs:o
+	font-style: oblique;
+snippet fv
+	font-variant: ${1};${0}
+snippet fv:n
+	font-variant: normal;
+snippet fv:sc
+	font-variant: small-caps;
+snippet fw
+	font-weight: ${1};${0}
+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 f
+	font: ${1};${0}
+snippet g
+	grid: ${1};
+snippet gaf
+	grid-auto-flow: ${1:row};
+snippet gaf+
+	grid-auto-flow: ${1:row} ${2:dense};
+snippet gaf:r
+	grid-auto-flow: row;
+snippet gaf:c
+	grid-auto-flow: column;
+snippet gaf:d
+	grid-auto-flow: dense;
+snippet gaf:rd
+	grid-auto-flow: row dense;
+snippet gaf:cd
+	grid-auto-flow: column dense;
+snippet gar
+	grid-auto-rows: ${1};
+snippet gar:a
+	grid-auto-rows: auto
+snippet gar:mac
+	grid-auto-rows: max-content;
+snippet gar:mic
+	grid-auto-rows: min-content;
+snippet gac
+	grid-auto-columns: ${1};
+snippet gac:a
+	grid-auto-columns: auto
+snippet gac:mac
+	grid-auto-columns: max-content;
+snippet gac:mic
+	grid-auto-columns: min-content;
+snippet gt
+	grid-template: ${1};
+snippet gt+
+	grid-template: ${1} / ${2};
+snippet gtr
+	grid-template-rows: ${1};
+snippet gtc
+	grid-template-columns: ${1};
+snippet gta
+	grid-template-areas: ${1};
+snippet gg
+	grid-gap: ${1};
+snippet gg+
+	grid-gap: ${1} ${2};
+snippet gg:0
+	grid-gap: 0;
+snippet grg
+	grid-row-gap: ${1};
+snippet grg:0
+	grid-row-gap: 0;
+snippet gcg
+	grid-column-gap: ${1};
+snippet gcg:0
+	grid-column-gap: 0;
+snippet gr
+	grid-row: ${1} / ${2};
+snippet grs
+	grid-row-start: ${1};
+snippet gre
+	grid-row-end: ${1};
+snippet gc
+	grid-column: ${1} / ${2};
+snippet gcs
+	grid-column-start: ${1};
+snippet gce
+	grid-column-end: ${1};
+snippet h
+	height: ${1};${0}
+snippet h:a
+	height: auto;
+snippet jc
+	justify-content: ${1};
+snippet jc:s
+	justify-content: start;
+snippet jc:e
+	justify-content: end;
+snippet jc:c
+	justify-content: center;
+snippet jc:fs
+	justify-content: flex-start;
+snippet jc:fe
+	justify-content: flex-end;
+snippet jc:sb
+	justify-content: space-between;
+snippet jc:sa
+	justify-content: space-around;
+snippet jc:se
+	justify-content: space-evenly;
+snippet jc:st
+	justify-content: stretch;
+snippet jc:l
+	justify-content: left;
+snippet jc:r
+	justify-content: right;
+snippet ji
+	justify-items: ${1:stretch};
+snippet ji:s
+	justify-items: start;
+snippet ji:e
+	justify-items: end;
+snippet ji:c
+	justify-items: center;
+snippet ji:st
+	justify-items: stretch;
+snippet js
+	justify-self: ${1:stretch};
+snippet js:s
+	justify-self: start;
+snippet js:e
+	justify-self: end;
+snippet js:c
+	justify-self: center;
+snippet js:st
+	justify-self: stretch;
+snippet l
+	left: ${1};${0}
+snippet l:a
+	left: auto;
+snippet lts
+	letter-spacing: ${1};${0}
+snippet lh
+	line-height: ${1};${0}
+snippet lisi
+	list-style-image: url(${1});${0}
+snippet lisi:n
+	list-style-image: none;
+snippet lisp
+	list-style-position: ${1};${0}
+snippet lisp:i
+	list-style-position: inside;
+snippet lisp:o
+	list-style-position: outside;
+snippet list
+	list-style-type: ${1};${0}
+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};${0}
+snippet lis:n
+	list-style: none;
+snippet mb
+	margin-bottom: ${1};${0}
+snippet mb:a
+	margin-bottom: auto;
+snippet ml
+	margin-left: ${1};${0}
+snippet ml:a
+	margin-left: auto;
+snippet mr
+	margin-right: ${1};${0}
+snippet mr:a
+	margin-right: auto;
+snippet mt
+	margin-top: ${1};${0}
+snippet mt:a
+	margin-top: auto;
+snippet m
+	margin: ${1};${0}
+snippet m:4
+	margin: ${1:0} ${2:0} ${3:0} ${4:0};${0}
+snippet m:3
+	margin: ${1:0} ${2:0} ${3:0};${0}
+snippet m:2
+	margin: ${1:0} ${2:0};${0}
+snippet m:0
+	margin: 0;
+snippet m:a
+	margin: auto;
+snippet mah
+	max-height: ${1};${0}
+snippet mah:n
+	max-height: none;
+snippet maw
+	max-width: ${1};${0}
+snippet maw:n
+	max-width: none;
+snippet mih
+	min-height: ${1};${0}
+snippet miw
+	min-width: ${1};${0}
+snippet op
+	opacity: ${1};${0}
+snippet op:ie
+	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=${1:100});${0}
+snippet op:ms
+	-ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=${0:100})';
+snippet orp
+	orphans: ${1};${0}
+snippet or
+	order: ${0:0};
+snippet o+
+	outline: ${1:1px} ${2:solid} #${3:000};${0}
+snippet oc
+	outline-color: ${1:#000};${0}
+snippet oc:i
+	outline-color: invert;
+snippet oo
+	outline-offset: ${1};${0}
+snippet os
+	outline-style: ${1};${0}
+snippet ow
+	outline-width: ${1};${0}
+snippet o
+	outline: ${1};${0}
+snippet o:n
+	outline: none;
+snippet ovs
+	overflow-style: ${1};${0}
+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};${0}
+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};${0}
+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};${0}
+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};${0}
+snippet pl
+	padding-left: ${1};${0}
+snippet pr
+	padding-right: ${1};${0}
+snippet pt
+	padding-top: ${1};${0}
+snippet p
+	padding: ${1};${0}
+snippet p:4
+	padding: ${1:0} ${2:0} ${3:0} ${4:0};${0}
+snippet p:3
+	padding: ${1:0} ${2:0} ${3:0};${0}
+snippet p:2
+	padding: ${1:0} ${2:0};${0}
+snippet p:0
+	padding: 0;
+snippet pc
+	place-content: ${1};
+snippet pc+
+	place-content: ${1} ${2};
+snippet pc:s
+	place-content: start;
+snippet pc:e
+	place-content: end;
+snippet pc:c
+	place-content: center;
+snippet pc:fs
+	place-content: flex-start;
+snippet pc:fe
+	place-content: flex-end;
+snippet pc:sb
+	place-content: space-between;
+snippet pc:sa
+	place-content: space-around;
+snippet pc:se
+	place-content: space-evenly;
+snippet pc:st
+	place-content: stretch;
+snippet pgba
+	page-break-after: ${1};${0}
+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};${0}
+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};${0}
+snippet pgbi:a
+	page-break-inside: auto;
+snippet pgbi:av
+	page-break-inside: avoid;
+snippet pi
+	place-items: ${1:stretch};
+snippet pi+
+	place-items: ${1:stretch} ${2:stretch};
+snippet pi:s
+	place-items: start;
+snippet pi:e
+	place-items: end;
+snippet pi:c
+	place-items: center;
+snippet pi:st
+	place-items: stretch;
+snippet pos
+	position: ${1};${0}
+snippet pos:a
+	position: absolute;
+snippet pos:f
+	position: fixed;
+snippet pos:r
+	position: relative;
+snippet pos:s
+	position: static;
+snippet ps
+	place-self: ${1:stretch};
+snippet ps+
+	place-self: ${1:stretch} ${2:stretch};
+snippet ps:s
+	place-self: start;
+snippet ps:e
+	place-self: end;
+snippet ps:c
+	place-self: center;
+snippet ps:st
+	place-self: stretch;
+snippet q
+	quotes: ${1};${0}
+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};${0}
+snippet rz:b
+	resize: both;
+snippet rz:h
+	resize: horizontal;
+snippet rz:n
+	resize: none;
+snippet rz:v
+	resize: vertical;
+snippet r
+	right: ${1};${0}
+snippet r:a
+	right: auto;
+snippet tbl
+	table-layout: ${1};${0}
+snippet tbl:a
+	table-layout: auto;
+snippet tbl:f
+	table-layout: fixed;
+snippet tal
+	text-align-last: ${1};${0}
+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};${0}
+snippet ta:c
+	text-align: center;
+snippet ta:l
+	text-align: left;
+snippet ta:r
+	text-align: right;
+snippet td
+	text-decoration: ${1};${0}
+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};${0}
+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};${0}
+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};${0}
+snippet ti:-
+	text-indent: -9999px;
+snippet tj
+	text-justify: ${1};${0}
+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};${0}
+snippet to
+	text-outline: ${1};${0}
+snippet to:n
+	text-outline: none;
+snippet tr
+	text-replace: ${1};${0}
+snippet tr:n
+	text-replace: none;
+snippet tsh+
+	text-shadow: ${1:0} ${2:0} ${3:0} #${4:000};${0}
+snippet tsh
+	text-shadow: ${1};${0}
+snippet tsh:n
+	text-shadow: none;
+snippet tt
+	text-transform: ${1};${0}
+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};${0}
+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};${0}
+snippet t:a
+	top: auto;
+snippet va
+	vertical-align: ${1};${0}
+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};${0}
+snippet v:c
+	visibility: collapse;
+snippet v:h
+	visibility: hidden;
+snippet v:v
+	visibility: visible;
+snippet whsc
+	white-space-collapse: ${1};${0}
+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};${0}
+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};${0}
+snippet w
+	width: ${1};${0}
+snippet w:a
+	width: auto;
+snippet wob
+	word-break: ${1};${0}
+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};${0}
+snippet wow
+	word-wrap: ${1};${0}
+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};${0}
+snippet z:a
+	z-index: auto;
+snippet zoo
+	zoom: 1;
+snippet :h
+	:hover
+snippet :fc
+	:first-child
+snippet :lc
+	:last-child
+snippet :nc
+	:nth-child(${0})
+snippet :nlc
+	:nth-last-child(${0})
+snippet :oc
+	:only-child
+snippet :a
+	:after
+snippet :b
+	:before
+snippet ::a
+	::after
+snippet ::b
+	::before
+snippet var
+	var(${0:${VISUAL}});
+snippet vard
+	var(${0}, ${1:${VISUAL});
+snippet host 
+	:host {
+		${1:${VISUAL}}
+	}
+snippet host(
+	:host(${1}) {
+		${2:${VISUAL}}
+	}
+snippet part {
+	::part(${1})
+		${2:${VISUAL}}
+	}