Merge branch '41814-text-decoration-skip' into 'master'

Resolve "introduce skip-ink underlines to improve readability dyslexic users" Closes #41814 See merge request gitlab-org/gitlab-ce!16569

Merge branch '41814-text-decoration-skip' into 'master'
8bea2a70 · Phil Hughes · 63dbcd24 · 6cb90fe5 · 8bea2a70 · 8bea2a70
Commit 8bea2a70 authored Jan 22, 2018 by Phil Hughes
Hide whitespace changes
Inline Side-by-side

Showing with 12 additions and 1 deletion

layout.scss app/assets/stylesheets/framework/layout.scss +7 -1

41814-text-decoration-skip.yml changelogs/unreleased/41814-text-decoration-skip.yml +5 -0

No files found.
--- a/app/assets/stylesheets/framework/layout.scss
+++ b/app/assets/stylesheets/framework/layout.scss
 html {
  overflow-y: scroll;

-  &.touch .tooltip { display: none !important; }
+  &.touch .tooltip {
+    display: none !important;
+  }
 }

 body {
+  // Improves readability for dyslexic users; supported only in Chrome/Safari so far
+  // scss-lint:disable PropertySpelling
+  text-decoration-skip: ink;
+  // scss-lint:enable PropertySpelling
  &.navless {
    background-color: $white-light !important;
  }

--- a/changelogs/unreleased/41814-text-decoration-skip.yml
+++ b/changelogs/unreleased/41814-text-decoration-skip.yml
+---
+title: Improve readability of underlined links for dyslexic users
+merge_request:
+author:
+type: other