diff --git a/src/components/quick-links/quick-links.scss b/src/components/quick-links/quick-links.scss index a1733ac6..3acc0c3c 100644 --- a/src/components/quick-links/quick-links.scss +++ b/src/components/quick-links/quick-links.scss @@ -1,7 +1,7 @@ $bp-ql: 800px; .quick-links { - margin-bottom: $spacing-s; + margin-bottom: $spacing-m; margin-top: $spacing-s; } @@ -22,6 +22,14 @@ $bp-ql: 800px; position: relative; } + +.quick-link.has-link:hover, +.quick-link.has-link:focus-within { + .quick-link__title { + text-decoration: underline; + } +} + .quick-link__image-wrapper { align-self: center; flex-shrink: 0; @@ -34,3 +42,7 @@ $bp-ql: 800px; max-height: 100%; max-width: 100%; } + +.quick-links__description--bottom:not(:empty) { + margin-top: $spacing-xs; +} diff --git a/src/components/quick-links/quick-links.stories.js b/src/components/quick-links/quick-links.stories.js index 600baecb..2b0a026b 100644 --- a/src/components/quick-links/quick-links.stories.js +++ b/src/components/quick-links/quick-links.stories.js @@ -8,13 +8,13 @@ export default { const quickLinkMarkUp = (link) => { return html` -