Quick: Add x-article-link-active mixin

TACC · Aug 24, 2021 · 69f47cc · 69f47cc
1 parent 6ccf849
commit 69f47cc
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css b/taccsite_cms/static/site_cms/css/src/_imports/tools/x-article-link.css
@@ -5,6 +5,7 @@ Styles that allow visible link hover for article lists.
 
 %x-article-link-stretch          - Stretch link to cover container
 %x-article-link-hover            - Give link a hover state
+%x-article-link-active          - Give link an active (click, enter) state
 
 Styleguide Tools.ExtendsAndMixins.ArticleLink
 */
@@ -25,7 +26,12 @@ Styleguide Tools.ExtendsAndMixins.ArticleLink
   overflow: hidden;
 }
 
-/* Give link state (pseudo-class) feedback */
+/* To give link hover state feedback */
 %x-article-link-hover {
   outline: 1px solid var(--global-color-accent--normal);
 }
+
+/* To give link active state feedback */
+%x-article-link-active {
+  outline: 1px dotted var(--global-color-accent--normal);
+}