diff options
author | David O'Regan <doregan@gitlab.com> | 2021-06-18 17:50:20 +0300 |
---|---|---|
committer | David O'Regan <doregan@gitlab.com> | 2021-06-18 17:50:20 +0300 |
commit | b733d0afc0ce8f154187e0360f8a874489686d91 (patch) | |
tree | 0627966d56fbf750d3163f863eaabe63c2c4f46e | |
parent | 6d657f2aa518219d440f0525bff55d5517f6e028 (diff) | |
parent | 7b6fbd4d5e8e3b9c7b1b58af97beb39be0c032b3 (diff) |
Merge branch 'docs-inline-code-color-accessibility' into 'main'
Tweak inline code tag color for accessibility
See merge request gitlab-org/gitlab-docs!1890
-rw-r--r-- | content/assets/stylesheets/_typography.scss | 6 | ||||
-rw-r--r-- | content/assets/stylesheets/_variables.scss | 1 |
2 files changed, 6 insertions, 1 deletions
diff --git a/content/assets/stylesheets/_typography.scss b/content/assets/stylesheets/_typography.scss index 3c5b27e6..1a7abbc1 100644 --- a/content/assets/stylesheets/_typography.scss +++ b/content/assets/stylesheets/_typography.scss @@ -1,5 +1,5 @@ --- -version: 9 +version: 10 --- @import 'variables'; @@ -107,6 +107,10 @@ version: 9 transition: background-color 0.15s linear; } + *:not(a) > code { + color: $accessible-code-color; + } + pre { background-color: desaturate($theme-indigo-950, 20%); border-radius: 4px; diff --git a/content/assets/stylesheets/_variables.scss b/content/assets/stylesheets/_variables.scss index 4bb788d6..9b32a219 100644 --- a/content/assets/stylesheets/_variables.scss +++ b/content/assets/stylesheets/_variables.scss @@ -110,6 +110,7 @@ $gl-icon-sizes: 8 10 12 14 16 18 24 32 48 72; $code-color: rgb(31, 31, 31); $code-background-color: rgb(240, 240, 240); $alert-code-background-color: rgb(242, 242, 242); +$accessible-code-color: rgb(210, 20, 115); //copy button bg color == pre code color $pre-code-color: transparent; |