diff --git a/tbx/project_styleguide/templates/patterns/styleguide/components/components.html b/tbx/project_styleguide/templates/patterns/styleguide/components/components.html index 485b3390c..9ecb880e2 100644 --- a/tbx/project_styleguide/templates/patterns/styleguide/components/components.html +++ b/tbx/project_styleguide/templates/patterns/styleguide/components/components.html @@ -199,6 +199,11 @@

Table block

{% include "patterns/molecules/streamfield/blocks/typed_table_block.html" %} +
+

Link columns block

+ {% include "patterns/molecules/streamfield/blocks/link_columns_block.html" %} +
+

Division signpost block

{% 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 index 39c585eee..ad0bee5df 100644 --- 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);