_link.scss in active_frontend-13.0.0

- old
+ new

@@ -1,9 +1,39 @@
 /* Table of Contents
 ==================================================
-# Link */
+# Variables
+# Link
+# State */
 
+/* # Variables
+================================================== */
+$colors: (
+  dark-black: $color-dark-black,
+  black: $color-black,
+  light-black: $color-light-black,
+  dark-gray: $color-dark-gray,
+  gray: $color-gray,
+  light-gray: $color-light-gray,
+  dark-haze: $color-dark-haze,
+  haze: $color-haze,
+  light-haze: $color-light-haze,
+  white: $color-white,
+  lime: $color-lime,
+  green: $color-green,
+  teal: $color-teal,
+  blue: $color-blue,
+  indigo: $color-indigo,
+  purple: $color-purple,
+  pink: $color-pink,
+  red: $color-red,
+  orange: $color-orange,
+  yellow: $color-yellow,
+  primary: $color-primary,
+  secondary: $color-secondary,
+  tertiary: $color-tertiary
+);
+
 /* # Link
 ================================================== */
 a {
   color: inherit;
   text-decoration: none;
@@ -11,6 +41,15 @@
   @include transition(all 0.3s ease-in-out);
 }
 a[disabled] {
   cursor: not-allowed;
   pointer-events: none;
-}
\ No newline at end of file
+}
+
+/* # State
+================================================== */
+@each $name, $color in $colors {
+  .link-state-#{$name}:hover,
+  .link-state-#{$name}.active,
+  .link-state-#{$name}:active,
+  .link-state-#{$name}.focus { color: $color !important; }
+}