fix: 🐛 Fix issues from review

Author: dkolba

source/_patterns/01-elements/link/enterprise/link.scss

@@ -1,2 +1,23 @@
 @import "link.variables";
 @import "../link";
+
+// Define the available icons
+.elm-link {
+	&[rel="configuration"] {
+		@include icon(glyph(settings), 24, "outline", $partial: $partial);
+	}
+	&[rel="messages"] {
+		@include icon(glyph(chat), 24, "outline", $partial: $partial);
+	}
+	&[rel="account"] {
+		@include icon(glyph(account), 24, "outline", $partial: $partial);
+	}
+	&[rel="configuration"],
+	&[rel="messages"],
+	&[rel="account"] {
+		&::before {
+			// preventing an underlined icon on click
+			display: inline-block;
+		}
+	}
+}

source/_patterns/01-elements/link/link.scss

@@ -2,6 +2,7 @@
 @import "link.variables";
 
 .elm-link {
+	color: #282d37;
 	display: inline-block;
 	border-radius: to-rem($pxValue: 6);
 
@@ -13,10 +14,6 @@
 		text-underline-position: auto;
 	}
 
-	&:active {
-		font-size: to-em($pxValue: 14);
-	}
-
 	// "disabled" links
 	&[aria-disabled="true"] {
 		opacity: $link--disabled-opacity;
@@ -36,7 +33,6 @@
 
 	&[data-variant="internal"],
 	&[data-variant="external"] {
-		color: #282d37;
 		&::after {
 			margin-top: -3px;
 			--icon-margin-before: #{to-rem($pxValue: 4)};
@@ -51,16 +47,21 @@
 		&:not(.is-icon-text-replace) {
 			font-size: to-em($pxValue: 12);
 		}
-		&:active {
-			font-size: to-em($pxValue: 10);
-		}
 	}
 
 	&[data-size="small"] {
+		// TODO: replace with color when it becomes available via core
 		color: #42464f;
 		@extend %size-Small;
 		&::after {
 			--icon-font-size: #{to-rem($pxValue: 16)};
 		}
+		&[rel],
+		&[data-icon],
+		&[data-icon-before] {
+			@include iconMeta(20);
+			// TODO: remove when icons are availabe in the correct size
+			font-size: 16px;
+		}
 	}
 }