From 49d3b8f3ba992069643f5cb08ede7de385ea4819 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Andr=C3=A9=20Moreira?= Date: Fri, 23 Aug 2024 20:35:15 +0100 Subject: [PATCH] Lint fixes --- scss/modules/buttons.scss | 42 +++++++++++++++++++-------------------- 1 file changed, 21 insertions(+), 21 deletions(-) diff --git a/scss/modules/buttons.scss b/scss/modules/buttons.scss index 7b546ab..a56b45b 100644 --- a/scss/modules/buttons.scss +++ b/scss/modules/buttons.scss @@ -201,6 +201,26 @@ a.news-more-link { } } +.btn.btn-outline-primary { + background: transparent url("../images/arrow-right-blue2.svg") no-repeat right 18px center/15px; + border-color: $dark-blue-02; + color: $dark-blue-02; + float: right; + margin-right: 20px; + padding-left: 12px; + text-align: start; + transition: background-position 0.2s, background-color 0.2s, opacity 0.2s; + width: inherit; + + &:hover, + &:focus { + background: $dark-blue-02 url("../images/arrow-right-white.svg") no-repeat right 13px center/15px; + color: $white; + opacity: 0.75; + transition: background-position 0.2s, background-color 0.2s, opacity 0.2s; + } +} + // Navigation pages paragraph button. React on hover over the whole paragraph .paragraph--type--navigation-entry, .paragraph--type--navigation-entry-alternative { @@ -241,30 +261,10 @@ a.news-more-link { } .btn.btn-outline-primary { - background: $dark-blue-02 url(../images/arrow-right-white.svg) no-repeat right 13px center/15px; + background: $dark-blue-02 url("../images/arrow-right-white.svg") no-repeat right 13px center/15px; color: $white; opacity: 0.75; transition: background-position 0.2s, background-color 0.2s, opacity 0.2s; } } } - -.btn.btn-outline-primary { - margin-right: 20px; - padding-left: 12px; - text-align: start; - float: right; - width: inherit; - border-color: $dark-blue-02; - transition: background-position 0.2s, background-color 0.2s, opacity 0.2s; - background: transparent url(../images/arrow-right-blue2.svg) no-repeat right 18px center/15px; - color: $dark-blue-02; - - &:hover, - &:focus { - background: $dark-blue-02 url(../images/arrow-right-white.svg) no-repeat right 13px center/15px; - color: $white; - opacity: 0.75; - transition: background-position 0.2s, background-color 0.2s, opacity 0.2s; - } -}