You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
404 lines
5.0 KiB
Plaintext
404 lines
5.0 KiB
Plaintext
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
|