From 4fc73d6a72948548cd74a1e8a320ea94e323d1a7 Mon Sep 17 00:00:00 2001
From: Jennifer Dust <49066-jldust@users.noreply.drupalcode.org>
Date: Mon, 13 Nov 2023 16:03:39 +0000
Subject: [PATCH] Issue #3400888 by jldust, jnettik: Skip to content link
styles need changed
---
dist/css/global/base/page.css | 16 ++++++++++++----
libraries/global/base/page.scss | 17 +++++++++++++----
2 files changed, 25 insertions(+), 8 deletions(-)
diff --git a/dist/css/global/base/page.css b/dist/css/global/base/page.css
index 8aad2a6c..11916205 100644
--- a/dist/css/global/base/page.css
+++ b/dist/css/global/base/page.css
@@ -9,11 +9,19 @@ html {
.skip-link {
display: block;
- background-color: var(--prototype-color-primary);
- color: var(--prototype-color-light);
- padding: 16px 32px 20px;
+ background-color: var(--prototype-color-black);
+ border-radius: 0 0 4px 4px;
+ color: var(--prototype-color-white) !important;
+ font-size: 1em;
+ left: 50%;
+ outline: red dotted 2px;
+ padding: 10px 18px;
text-decoration: none;
- z-index: var(--prototype-zindex-super);
+ transform: translateX(-50%);
+ z-index: 1000;
+}
+.skip-link.focusable:focus {
+ position: absolute !important;
}
hr {
diff --git a/libraries/global/base/page.scss b/libraries/global/base/page.scss
index 3de2e964..2d59bf2a 100644
--- a/libraries/global/base/page.scss
+++ b/libraries/global/base/page.scss
@@ -29,11 +29,20 @@ html {
.skip-link {
display: block;
- background-color: var(--prototype-color-primary);
- color: var(--prototype-color-light);
- padding: 16px 32px 20px;
+ background-color: var(--prototype-color-black);
+ border-radius: 0 0 4px 4px;
+ color: var(--prototype-color-white) !important;
+ font-size: 1em;
+ left: 50%;
+ outline: red dotted 2px;
+ padding: 10px 18px;
text-decoration: none;
- z-index: var(--prototype-zindex-super);
+ transform: translateX(-50%);
+ z-index: 1000;
+
+ &.focusable:focus {
+ position: absolute !important;
+ }
}
--
GitLab