update snippets
This commit is contained in:
parent
83c527271b
commit
f089c566c2
|
@ -3,25 +3,25 @@ snippet sld "/* stylelint-disable-next-line ... */"
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet @m "@media ..."
|
snippet @m "@media ..."
|
||||||
@media (${1:min}-${2:width}: $3) {
|
@media (${1:min}-${2:width}: ${3:$bp-s}) {
|
||||||
$0
|
$0
|
||||||
}
|
}
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet lg "linear-gradient( ... )"
|
snippet lg "linear-gradient( ... )"
|
||||||
linear-gradient(
|
linear-gradient(
|
||||||
${1:to bottom},
|
${1:to bottom},
|
||||||
${2:transparent},
|
${2:transparent},
|
||||||
${3:transparent}
|
${3:transparent}
|
||||||
)$0
|
)$0
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet bglg "background: linear-gradient ..."
|
snippet bglg "background: linear-gradient ..."
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
${2:to bottom},
|
${2:to bottom},
|
||||||
${3:transparent},
|
${3:transparent},
|
||||||
${4:transparent}
|
${4:transparent}
|
||||||
);
|
);
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet flex "display: flex ..."
|
snippet flex "display: flex ..."
|
||||||
|
@ -75,6 +75,30 @@ snippet r "right: ... ;"
|
||||||
right: ${1:0};
|
right: ${1:0};
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
|
snippet bd "border: ... ;"
|
||||||
|
border: ${1:1px} ${2:solid} ${3:currentColor};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet bdt "border-top: ... ;"
|
||||||
|
border-top: ${1:1px} ${2:solid} ${3:currentColor};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet bdb "border-bottom: ... ;"
|
||||||
|
border-bottom: ${1:1px} ${2:solid} ${3:currentColor};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet bdl "border-left: ... ;"
|
||||||
|
border-left: ${1:1px} ${2:solid} ${3:currentColor};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet bdr "border-right: ... ;"
|
||||||
|
border-right: ${1:1px} ${2:solid} ${3:currentColor};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet br "border-radius: ... ;"
|
||||||
|
border-radius: ${1:50%};
|
||||||
|
endsnippet
|
||||||
|
|
||||||
snippet m "margin: ... ;"
|
snippet m "margin: ... ;"
|
||||||
margin: ${1:0};
|
margin: ${1:0};
|
||||||
endsnippet
|
endsnippet
|
||||||
|
@ -133,39 +157,39 @@ endsnippet
|
||||||
|
|
||||||
snippet before "::before { ... }"
|
snippet before "::before { ... }"
|
||||||
${1:&}::before {
|
${1:&}::before {
|
||||||
content: '$2';
|
content: '$2';
|
||||||
display: ${3:block};
|
display: ${3:block};
|
||||||
position: ${4:absolute};
|
position: ${4:absolute};
|
||||||
width: ${5:100%};
|
width: ${5:100%};
|
||||||
height: ${6:100%};
|
height: ${6:100%};
|
||||||
${7:top}: ${8:0};
|
${7:top}: ${8:0};
|
||||||
${9:left}: ${10:0};
|
${9:left}: ${10:0};
|
||||||
}
|
}
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet after "::after { ... }"
|
snippet after "::after { ... }"
|
||||||
${1:&}::after {
|
${1:&}::after {
|
||||||
content: '$2';
|
content: '$2';
|
||||||
display: ${3:block};
|
display: ${3:block};
|
||||||
position: ${4:absolute};
|
position: ${4:absolute};
|
||||||
width: ${5:100%};
|
width: ${5:100%};
|
||||||
height: ${6:100%};
|
height: ${6:100%};
|
||||||
${7:top}: ${8:0};
|
${7:top}: ${8:0};
|
||||||
${9:left}: ${10:0};
|
${9:left}: ${10:0};
|
||||||
}
|
}
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
snippet befaft "::before, ::after { ... }"
|
snippet befaft "::before, ::after { ... }"
|
||||||
${1:&}::before {
|
${1:&}::before {
|
||||||
$1::after {
|
$1::after {
|
||||||
content: '$2';
|
content: '$2';
|
||||||
display: ${3:block};
|
display: ${3:block};
|
||||||
position: ${4:absolute};
|
position: ${4:absolute};
|
||||||
width: ${5:100%};
|
width: ${5:100%};
|
||||||
height: ${6:100%};
|
height: ${6:100%};
|
||||||
${7:top}: ${8:0};
|
${7:top}: ${8:0};
|
||||||
${9:left}: ${10:0};
|
${9:left}: ${10:0};
|
||||||
$0
|
$0
|
||||||
}
|
}
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
|
@ -180,3 +204,7 @@ height: 100%;
|
||||||
top: 0;
|
top: 0;
|
||||||
left: 0;
|
left: 0;
|
||||||
endsnippet
|
endsnippet
|
||||||
|
|
||||||
|
snippet v "var(--...)"
|
||||||
|
var(--$0)
|
||||||
|
endsnippet
|
||||||
|
|
|
@ -1,2 +1,9 @@
|
||||||
extends css
|
extends css
|
||||||
|
|
||||||
|
snippet @i "@include"
|
||||||
|
@include $0;
|
||||||
|
endsnippet
|
||||||
|
|
||||||
|
snippet us "$unit-size * ..."
|
||||||
|
$unit-size ${1: * ${2:2}}
|
||||||
|
endsnippet
|
||||||
|
|
Loading…
Reference in New Issue