steffen-dotfiles/nvim/snippets/css.snippets

snippet in
@include ${0:mixin};
endsnippet

snippet inc
@include ${1:mixin}(${2:parameters});
endsnippet

snippet incc
@include ${1:mixin}(${2:parameters}) {
	${3:@content}
}
endsnippet

snippet mix
@mixin ${1:mixin}(${2:parameters}) {
	${3}
}
endsnippet

snippet fun
@function ${1:function}(${2:parameters}) {
	${3}
}
endsnippet

snippet fe
@each $${1:item} in $${2:variable} {
	${3}
}
endsnippet

snippet mq
@include mediaquery(${1:s}) {
	${2}
}
endsnippet

snippet att
@include attention {
	${0}
}
endsnippet

snippet rad
border-radius: ${0:$base-unit};
endsnippet

snippet bsh
box-shadow: 0 0 ${0:$base-unit} 0 color(${2:shadow});
endsnippet

snippet tsh
text-shadow: 0 0 ${1:$base-unit / 4} color(${2:default});
endsnippet

snippet trf
transform: translateX(${1:-50%});
endsnippet

snippet grd
background-image: linear-gradient(to bottom, color(${1:one}), color(${2:two}));
endsnippet

snippet bgc
@include background-color(${0:background});
endsnippet

snippet bgi
background-image: url('../img/${0:bg.png}');
endsnippet

snippet bgp
background-position: ${1:0} ${2:0};
endsnippet

snippet bgr
background-repeat: ${0:repeat/repeat-x/repeat-y/no-repeat};
endsnippet

snippet bg
background: color(${1:main}) url('../img/${2:bg.png}') ${3:no-repeat} ${4:scroll/fixed} ${5:top left};
endsnippet

snippet bgs
background-size: ${0:cover};
endsnippet

snippet bd
border: ${1:1px} ${2:solid} color(${3:main});
endsnippet

snippet bdt
border-top: ${1:1px} ${2:solid} color(${3:main});
endsnippet

snippet bdr
border-right: ${1:1px} ${2:solid} color(${3:main});
endsnippet

snippet bdb
border-bottom: ${1:1px} ${2:solid} color(${3:main});
endsnippet

snippet bdl
border-left: ${1:1px} ${2:solid} color(${3:main});
endsnippet

snippet bdc
@include border-color(${0:color});
endsnippet

snippet ol
outline: ${0:0};
endsnippet

snippet ps
@include ${1:absolute}(${2});
endsnippet

snippet psa
position: absolute;
endsnippet

snippet psr
position: relative;
endsnippet

snippet pss
position: static;
endsnippet

snippet psf
position: fixed;
endsnippet

snippet t
top: ${0};
endsnippet

snippet r
right: ${0};
endsnippet

snippet b
bottom: ${0};
endsnippet

snippet l
left: ${0};
endsnippet

snippet w
width: ${0};
endsnippet

snippet h
height: ${0};
endsnippet

snippet db
display: block;
endsnippet

snippet dn
display: none;
endsnippet

snippet di
display: inline;
endsnippet

snippet df
display: flex;
endsnippet

snippet dt
display: table;
endsnippet

snippet dtc
display: table-cell;
endsnippet

snippet dib
display: inline-block;
endsnippet

snippet c
@include color(${0:default});
endsnippet

snippet rgba
rgba(color(${1:main}), ${2:0.5});
endsnippet

snippet clb
clear: both;
endsnippet

snippet cll
clear: left;
endsnippet

snippet clr
clear: right;
endsnippet

snippet fll
float: left;
endsnippet

snippet flr
float: right;
endsnippet

snippet fln
float: none;
endsnippet

snippet ovh
overflow: hidden;
endsnippet

snippet ovv
overflow: visible;
endsnippet

snippet ova
overflow: auto;
endsnippet

snippet ovs
overflow: scroll;
endsnippet

snippet crp
cursor: pointer;
endsnippet

snippet crd
cursor: default;
endsnippet

snippet ff
@include font-family(${0:default});
endsnippet

snippet fs
@include font-size(${0:h1});
endsnippet

snippet fz
@include font-style(${0:default});
endsnippet

snippet fw
@include font-weight(${0:default});
endsnippet

snippet font
@include font(${0:default});
endsnippet

snippet lsp
letter-spacing: ${0:0.01em};
endsnippet

snippet lh
line-height: ${0:$font-line-height};
endsnippet

snippet tac
text-align: center;
endsnippet

snippet tal
text-align: left;
endsnippet

snippet tar
text-align: right;
endsnippet

snippet tdu
text-decoration: underline;
endsnippet

snippet tdn
text-decoration: none;
endsnippet

snippet ti
text-indent: ${0:-9999px};
endsnippet

snippet ttu
text-transform: uppercase;
endsnippet

snippet ttl
text-transform: lowercase;
endsnippet

snippet ttn
text-transform: none;
endsnippet

snippet lsn
list-style: none;
endsnippet

snippet lsd
list-style: disc;
endsnippet

snippet m
@include margin(a ${0:1});
endsnippet

snippet mt
@include margin(t ${0:1});
endsnippet

snippet mr
@include margin(r ${0:1});
endsnippet

snippet mb
@include margin(b ${0:1});
endsnippet

snippet ml
@include margin(l ${0:1});
endsnippet

snippet p
@include padding(a ${0:1});
endsnippet

snippet pt
@include padding(t ${0:1});
endsnippet

snippet pr
@include padding(r ${0:1});
endsnippet

snippet pb
@include padding(b ${0:1});
endsnippet

snippet pl
@include padding(l ${0:1});
endsnippet

snippet mah
max-height: ${0:100%};
endsnippet

snippet maw
max-width: ${0:100%};
endsnippet

snippet mih
min-height: ${0:100%};
endsnippet

snippet miw
min-width: ${0:100%};
endsnippet

snippet !
	!important;${0}
endsnippet

snippet vat
vertical-align: top;
endsnippet

snippet vam
vertical-align: middle;
endsnippet

snippet vab
vertical-align: bottom;
endsnippet

snippet viv
visibility: visible;
endsnippet

snippet vih
visibility: hidden;
endsnippet

snippet wsp
white-space: nowrap;
endsnippet

snippet z
@include z-index(${0:feet});
endsnippet