Stone_Red/website
1
0
Fork 0
mirror of https://github.com/Stone-Red-Code/website.git synced 2026-09-06 23:43:45 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #139 from the-programmers-hangout/ui-make-header-active-color-a11y

Browse Source 
ui: a11y fix for header active color
This commit is contained in:
Jean-Philippe Sirois
2019-10-09 00:31:05 -04:00
committed by GitHub
parent 6923d14b72 80d4d178b6
commit a50ee104ea
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/Header/styles.tsx
+4 -4
View File
@@ -154,7 +154,7 @@ export const MenuItem = styled(Link)`
&:hover ${MenuItemLine} { &:hover ${MenuItemLine} {
padding: 8px; padding: 8px;
height: 100%; height: 100%;
background: #cf2e7d; background: #dd66a1;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 11px rgba(0, 0, 0, 0.25); box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1), 0 5px 11px rgba(0, 0, 0, 0.25);
margin-left: -8px; margin-left: -8px;
margin-bottom: -8px; margin-bottom: -8px;
@@ -175,10 +175,10 @@ export const MenuItem = styled(Link)`
&.active { &.active {
font-weight: 700; font-weight: 700;
color: #cf2e7d; color: #dd66a1;
${MenuItemLine} { ${MenuItemLine} {
background: #cf2e7d; background: #dd66a1;
} }
&:hover { &:hover {
@@ -186,7 +186,7 @@ export const MenuItem = styled(Link)`
} }
&:hover ${MenuItemLine} { &:hover ${MenuItemLine} {
background: #cf2e7d; background: #dd66a1;
} }
} }
` `