Increase colour contrast for 'subtle' class, WCAG-audit:1, see #1181

This commit is contained in:
Pieter Vander Vennet 2023-11-16 01:48:57 +01:00
parent db982884a1
commit 34f0fa639c
4 changed files with 46 additions and 19 deletions

View file

@ -848,20 +848,11 @@ video {
margin-bottom: 0.75rem;
}
.mx-4 {
margin-left: 1rem;
margin-right: 1rem;
}
.mx-12 {
margin-left: 3rem;
margin-right: 3rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.mr-2 {
margin-right: 0.5rem;
}
@ -890,6 +881,10 @@ video {
margin-right: 0.25rem;
}
.mb-4 {
margin-bottom: 1rem;
}
.ml-1 {
margin-left: 0.25rem;
}
@ -1606,6 +1601,10 @@ video {
border-style: dashed;
}
.border-dotted {
border-style: dotted;
}
.border-black {
--tw-border-opacity: 1;
border-color: rgb(0 0 0 / var(--tw-border-opacity));
@ -1621,6 +1620,11 @@ video {
border-color: rgb(209 213 219 / var(--tw-border-opacity));
}
.border-gray-200 {
--tw-border-opacity: 1;
border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.border-gray-600 {
--tw-border-opacity: 1;
border-color: rgb(75 85 99 / var(--tw-border-opacity));
@ -2506,10 +2510,18 @@ select:hover {
.subtle {
/* For all information that is not important for 99% of the users */
color: #999;
color: #666;
font-weight: normal;
}
.low-interaction .subtle {
color: #444;
}
.interactive .subtle {
color: #333;
}
.link-underline .subtle a {
-webkit-text-decoration: underline 1px #7193bb88;
text-decoration: underline 1px #7193bb88;
@ -2758,6 +2770,10 @@ a.link-underline {
margin-top: 1.25rem;
}
.sm\:mr-4 {
margin-right: 1rem;
}
.sm\:mr-2 {
margin-right: 0.5rem;
}