publicdata/j40-cejst-2
1
0
Fork 0
mirror of https://github.com/DOI-DO/j40-cejst-2.git synced 2025-02-23 01:54:18 -08: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
parent 3837538e51
commit 760edb4feb
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 11 additions and 3 deletions
Show stats 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 {
// make sure the open close cheveron is colored correctly
// make sure the open close chevron is colored correctly
color: white;
}
@ -95,8 +95,16 @@ $j40-max-width: 80ex;
font-size: 1.2em;
}
//media (max-width: 63.99em)
//.usa-nav__primary a:not(.usa-button):hover {}
// invert the hover color so contrast stays good enough for accessibility
.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 {