publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-08-04 01:44:18 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Update global.scss (#127)

Browse source 
Fix some low-contrast accessibility issues for mobile menu.
This commit is contained in:
TomNUSDS 2021-06-14 13:21:18 -07:00 • committed by GitHub
commit 760edb4feb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

14
client/src/styles/global.scss
View file

@ -76,7 +76,7 @@ $j40-max-width: 80ex;
} }
span { span {
// make sure the open close cheveron is colored correctly // make sure the open close chevron is colored correctly
color: white; color: white;
} }
@ -95,8 +95,16 @@ $j40-max-width: 80ex;
font-size: 1.2em; font-size: 1.2em;
} }
//media (max-width: 63.99em) // invert the hover color so contrast stays good enough for accessibility
//.usa-nav__primary a:not(.usa-button):hover {} .usa-nav__primary a:not(.usa-button):hover {
background-color: #2491ff !important;
}
// this is the closebox, it's not easy to change the X color, so we change
// the background to keep it's contrast high
.usa-nav__close {
background-color: white;
}
} }
.j40-aside { .j40-aside {