diff --git a/UltiSnips/css.snippets b/UltiSnips/css.snippets
index b08516c..def4d21 100644
--- a/UltiSnips/css.snippets
+++ b/UltiSnips/css.snippets
@@ -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
diff --git a/UltiSnips/scss.snippets b/UltiSnips/scss.snippets
index 5c8d99c..7dc1082 100644
--- a/UltiSnips/scss.snippets
+++ b/UltiSnips/scss.snippets
@@ -1,2 +1,9 @@
 extends css
 
+snippet @i "@include"
+@include $0;
+endsnippet
+
+snippet us "$unit-size * ..."
+$unit-size ${1: * ${2:2}}
+endsnippet