snippet b1r "Red border (1px)"
border: 1px solid red;
$0
endsnippet

snippet df "Use flexbox layout"
display: flex;
$0
endsnippet

snippet fr "Use row direction (flex)"
flex-direction: row;
$0
endsnippet

snippet fc "Use column direction (flex)"
flex-direction: column;
$0
endsnippet

snippet dfr "Use flexbox layout in row direction"
display: flex;
flex-direction: row;
$0
endsnippet

snippet dfr "Use flexbox layout in column direction"
display: flex;
flex-direction: column;
$0
endsnippet

snippet dg "Use CSS grid layout"
display: grid;
$0
endsnippet

snippet db "Use block layout"
display: block;
$0
endsnippet

snippet dn "Set display to 'none'"
display: none;
$0
endsnippet

snippet var "Use CSS variable"
var(--$1)$0
endsnippet

snippet m
margin: $0;
endsnippet

snippet p
padding: $0;
endsnippet