Make stuff respect root font-size better

sass/_external.scss

@@ -1,11 +1,13 @@
 .external::after {
 	-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' %3E%3Cpath d='m6 6 5-5M7 1h4v4M4 2H3a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V8' style='fill:none;stroke:black;stroke-linejoin:round;stroke-linecap:round;stroke-width:2;stroke-dasharray:none'/%3E%3C/svg%3E");
+	-webkit-mask-size: cover;
 	display: inline-block;
 	opacity: 0.6;
 	mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' %3E%3Cpath d='m6 6 5-5M7 1h4v4M4 2H3a2 2 0 0 0-2 2v5a2 2 0 0 0 2 2h5a2 2 0 0 0 2-2V8' style='fill:none;stroke:black;stroke-linejoin:round;stroke-linecap:round;stroke-width:2;stroke-dasharray:none'/%3E%3C/svg%3E");
+	mask-size: cover;
 	margin-left: 3px;
 	background-color: var(--primary-color);
-	width: 12px;
-	height: 12px;
+	width: 0.75rem;
+	height: 0.75rem;
 	content: "";
 }

sass/_footer.scss

@@ -64,6 +64,7 @@
 				}
 
 				i {
+					-webkit-mask-size: cover;
 					display: inline-block;
 					mask-size: cover;
 					transition: background-color var(--transition);

sass/_icon.scss

@@ -1,5 +1,7 @@
 i.icon {
+    -webkit-mask-size: cover;
     display: inline-block;
+    mask-size: cover;
     font-style: normal;
     font-variant: normal;
     line-height: 1;

sass/_nav.scss

@@ -91,6 +91,8 @@
 
 			svg {
 				vertical-align: -0.125em;
+				width: 1rem;
+				height: 1rem;
 			}
 
 			span {

sass/_statements.scss

@@ -16,6 +16,11 @@
 
 	.big {
 		font-size: 1.5rem;
+
+		svg {
+			width: 1rem;
+			height: 1rem;
+		}
 	}
 
 	&.archive {

sass/_zola-anchor.scss

@@ -7,6 +7,7 @@
 
     i {
         -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 4C1.8 4 0 5.8 0 8s1.8 4 4 4v-2c-1.125 0-2-.875-2-2s.875-2 2-2h3c1.125 0 2 .875 2 2 0 .84-.496 1.535-1.207 1.84l.785 1.84A4 4 0 0 0 11 8c0-2.2-1.8-4-4-4zm8 2v2c1.125 0 2 .875 2 2s-.875 2-2 2H9c-1.125 0-2-.875-2-2 0-.828.484-1.516 1.184-1.828l-.817-1.828A4.01 4.01 0 0 0 5 10c0 2.2 1.8 4 4 4h3c2.2 0 4-1.8 4-4s-1.8-4-4-4'/%3E%3C/svg%3E");
+        -webkit-mask-size: cover;
         mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16'%3E%3Cpath d='M4 4C1.8 4 0 5.8 0 8s1.8 4 4 4v-2c-1.125 0-2-.875-2-2s.875-2 2-2h3c1.125 0 2 .875 2 2 0 .84-.496 1.535-1.207 1.84l.785 1.84A4 4 0 0 0 11 8c0-2.2-1.8-4-4-4zm8 2v2c1.125 0 2 .875 2 2s-.875 2-2 2H9c-1.125 0-2-.875-2-2 0-.828.484-1.516 1.184-1.828l-.817-1.828A4.01 4.01 0 0 0 5 10c0 2.2 1.8 4 4 4h3c2.2 0 4-1.8 4-4s-1.8-4-4-4'/%3E%3C/svg%3E");
         mask-size: cover;
         transition: background-color var(--transition);

sass/style.scss

@@ -13,10 +13,10 @@
 @use "buttons";
 @use "comments";
 @use "crt";
+@use "external";
 @use "footer";
 @use "icon";
 @use "johnvertisement";
-@use "links";
 @use "media";
 @use "nav";
 @use "not-found";