finished writing scss declarations with SASS synthax. Now the repo is a bit lighter

src/styles/scss/base/_animations.scss

@@ -40,23 +40,43 @@
 	}
 }
 
+/* ====== */
+
 @keyframes spin {
-	from {
+	0% {
 		transform: rotate(0deg);
 	}
-
-	to {
+	100% {
 		transform: rotate(360deg);
 	}
 }
 
-// You can find a better name, I have no ideas
-@keyframes grayscalize {
-	from {
-		filter: grayscale(0);
+@keyframes indeterminate {
+	0% {
+		left: -35%;
+		right: 100%;
 	}
-
-	to {
-		filter: grayscale(1);
+	60% {
+		left: 100%;
+		right: -90%;
+	}
+	100% {
+		left: 100%;
+		right: -90%;
+	}
+}
+
+@keyframes indeterminate-short {
+	0% {
+		left: -200%;
+		right: 100%;
+	}
+	60% {
+		left: 107%;
+		right: -8%;
+	}
+	100% {
+		left: 107%;
+		right: -8%;
 	}
 }

src/styles/scss/base/_base.scss

@@ -1,6 +1,4 @@
 html {
-	height: 100vh;
-
 	--main-scroll: hsl(0, 0%, 33%);
 	--panels-scroll: hsl(180, 2%, 17%);
 	--tag-background: hsl(210, 100%, 38%);
@@ -9,8 +7,6 @@ html {
 	--toast-secondary: hsla(0, 0%, 100%, 0.133);
 	--toast-text: hsla(0, 0%, 100%, 0.871);
 	--separator: hsl(0, 0%, 50%);
-
-	--explicit-separator: 0.3125em;
 }
 
 html[data-theme='light'] {
@@ -67,6 +63,10 @@ html[data-theme='purple'] {
 	--table-highlight: hsl(257, 66%, 27%);
 }
 
+html {
+	height: 100vh;
+}
+
 body {
 	margin: 0px;
 	width: 100%;

src/styles/scss/base/_functions.scss

@@ -0,0 +1,17 @@
+// https://css-tricks.com/using-custom-property-stacks-to-tame-the-cascade/
+@function vars($stack...) {
+	$output: null;
+	$close: '';
+	$length: length($stack);
+
+	@each $var in $stack {
+		@if (str-index('#{$var}', '--') == 1) {
+			$var: 'var(#{$var}';
+			$close: '#{$close})';
+		}
+
+		$output: if($output, '#{$output}, #{$var}', $var);
+	}
+
+	@return unquote($output + $close);
+}

src/styles/scss/base/_mixins.scss

@@ -1,4 +1,4 @@
-@mixin removeSelectionBackground {
+@mixin remove-selection-background {
 	&::selection {
 		background: none;
 	}

src/styles/scss/base/_variables.scss

@@ -1 +1,7 @@
+// Breakpoints (@todo change them in more proper values)
+$small: 601px;
+$medium: 993px;
+
+// Static variables (not an oxymoron)
 $sidebar-width: 48px;
+$explicit-separator: 0.3125em;