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