diff --git a/app/assets/styles/base/_globals.scss b/app/assets/styles/base/_globals.scss index d5374a3e..2b034c14 100644 --- a/app/assets/styles/base/_globals.scss +++ b/app/assets/styles/base/_globals.scss @@ -147,6 +147,21 @@ a { color: var(--color-brand-secondary-light); } } + + // The "→ more maps" invitation that sits under a map's bottom-right corner + // (home, pray, adopt, research). One rule, body-sized text, brand colour. + &.research-map-link { + display: block; + margin-top: 0.75rem; + text-align: right; + color: var(--color-brand-primary, #3b463d); + text-decoration: underline; + text-underline-offset: 3px; + + &:hover { + color: var(--color-brand-primary-darker, #1f2328); + } + } } diff --git a/app/pages/adopt/index.vue b/app/pages/adopt/index.vue index 0171943a..dd720510 100644 --- a/app/pages/adopt/index.vue +++ b/app/pages/adopt/index.vue @@ -298,16 +298,4 @@ useTextHighlight() diff --git a/app/pages/index.vue b/app/pages/index.vue index 0d785a90..2c0870cd 100644 --- a/app/pages/index.vue +++ b/app/pages/index.vue @@ -331,16 +331,4 @@ useTextHighlight() diff --git a/app/pages/pray.vue b/app/pages/pray.vue index 74fd3732..776f3bbd 100644 --- a/app/pages/pray.vue +++ b/app/pages/pray.vue @@ -332,18 +332,6 @@ useTextHighlight()