diff --git a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss index db53d4d8f7..c87e571d36 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/base/links.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/base/links.scss @@ -33,13 +33,10 @@ a { } } -.link-black-full-width { - display: flex; - width: 100%; - justify-content: space-between; +.link-black-text { color: var(--neutral-90); - font-weight: 600; text-decoration: none; + font-weight: 600; &:visited { color: var(--neutral-90); @@ -50,3 +47,11 @@ a { text-decoration: underline; } } + +.link-black-full-width { + @extend .link-black-text; + + display: flex; + width: 100%; + justify-content: space-between; +} diff --git a/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss index 3f5ea7ab7e..106bcd83fd 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/components/blog-posts.scss @@ -97,12 +97,7 @@ margin-bottom: var(--spacing-06); a { - text-decoration: none; - color: var(--neutral-90); - - &:hover { - text-decoration: underline; - } + @extend .link-black-text; } } diff --git a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss index ac31237b2d..0ffef1ff61 100644 --- a/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss +++ b/services/web/frontend/stylesheets/bootstrap-5/pages/templates-v2.scss @@ -112,6 +112,8 @@ .gallery-thumbnail { a { + @extend .link-black-text; + display: inline-block; } @@ -148,8 +150,9 @@ gap: var(--spacing-04); .badge-container { - display: flex; - gap: var(--spacing-04); + .badge:not(:first-child) { + margin-left: var(--spacing-04); + } } * { @@ -165,11 +168,6 @@ @include heading-md; @include line-clamp; } - - a, - a:hover { - text-decoration: none; - } } .pagination {