Compare commits

..

4 Commits

2 changed files with 67 additions and 32 deletions

View File

@ -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

View File

@ -1,2 +1,9 @@
extends css extends css
snippet @i "@include"
@include $0;
endsnippet
snippet us "$unit-size * ..."
$unit-size ${1: * ${2:2}}
endsnippet