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