Add to pattern library and fine-tune styles

torchbox · Jan 20, 2025 · 2666f42 · 2666f42
1 parent 7d77713
commit 2666f42
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/tbx/project_styleguide/templates/patterns/styleguide/components/components.html b/tbx/project_styleguide/templates/patterns/styleguide/components/components.html
@@ -199,6 +199,11 @@ <h2 class="underline mt-8 mb-2">Table block</h2>
             {% include "patterns/molecules/streamfield/blocks/typed_table_block.html" %}
         </div>
 
+        <div>
+            <h2 class="underline mt-8 mb-2">Link columns block</h2>
+            {% include "patterns/molecules/streamfield/blocks/link_columns_block.html" %}
+        </div>
+
         <div>
             <h2 class="underline mt-8 mb-2">Division signpost block</h2>
             {% include "patterns/molecules/streamfield/blocks/division_signpost_block.html" %}

diff --git a/tbx/static_src/sass/components/_link-columns.scss b/tbx/static_src/sass/components/_link-columns.scss
@@ -29,13 +29,18 @@
         color: var(--color--white);
 
         &:hover {
+            transition: color $transition-quick;
             color: var(--color--theme-primary);
+
+            @include reduced-motion() {
+                transition: none;
+            }
         }
     }
 
     &__arrow {
         @include arrow-link-icon-styles(
-            $width: 22px,
+            $width: 18px,
             $interaction-color: var(--color--theme-primary)
         );
         color: var(--color--theme-primary);