diff options
| author | Joas Schilling <coding@schilljs.com> | 2018-08-27 17:39:43 +0300 |
|---|---|---|
| committer | Joas Schilling <coding@schilljs.com> | 2018-08-27 17:39:43 +0300 |
| commit | e8eea16946a2bcb4aa94b785cdb2120c0cdf3f55 (patch) | |
| tree | 321629f02fef1495a3d568ae57e600a01b488406 | |
| parent | 43661d3800d449ff1f3bd3116954b5e491213ffa (diff) | |
Fix accessibility issues
Signed-off-by: Joas Schilling <coding@schilljs.com>
| -rw-r--r-- | css/styles.scss | 15 |
1 files changed, 10 insertions, 5 deletions
diff --git a/css/styles.scss b/css/styles.scss index 1738e42..f1c9ad6 100644 --- a/css/styles.scss +++ b/css/styles.scss @@ -54,7 +54,7 @@ .dismiss-all { display: flex; - opacity: 0.5; + color: var(--color-text-maxcontrast); padding: 10px; margin-left: auto; margin-right: auto; @@ -66,6 +66,7 @@ } .icon-close { + opacity: .5; margin-right: 5px; } } @@ -81,20 +82,20 @@ padding-bottom: 12px; &:not(:last-child) { - border-bottom: 1px solid rgb(238, 238, 238); + border-bottom: 1px solid var(--color-border); } .notification-heading { display: flex; .notification-time { - opacity: 0.5; + color: var(--color-text-maxcontrast); margin: 13px 0 13px auto; } .notification-delete { display: flex; - opacity: 0.5; + color: var(--color-text-maxcontrast); padding: 14px; &:hover, @@ -102,6 +103,10 @@ opacity: 1; cursor: pointer; } + + .icon-close { + opacity: .5; + } } } @@ -160,7 +165,7 @@ .notification-actions { .action-button.primary { - color: $color-primary-text; + color: var(--color-primary-text); } &:first-child { |