Don't duplicate icons in the resulting CSS

Intead, use CSS variables.
2024-08-26 21:43:56 +03:00
parent 2f00256c0f
commit 3121386fd3
12 changed files with 128 additions and 120 deletions
--- a/sass/_article.scss
+++ b/sass/_article.scss
@ -1,12 +1,12 @@
 #banner-container {
-	$mask: linear-gradient(black, transparent);
-	-webkit-mask-image: $mask;
+	--mask: linear-gradient(black, transparent);
+	-webkit-mask-image: var(--mask);
 	-webkit-user-select: none;
 	position: absolute;
 	top: 0;
 	left: 0;
 	z-index: -1;
-	mask-image: $mask;
+	mask-image: var(--mask);
 	width: 100vw;
 	height: 50vw; // hack to keep the aspect ratio 2:1
 	user-select: none;