Merge pull request #241 from developit/link-color-a11y

reznord · web-flow · commit 123cc8e6afd3 · 2017-07-19T01:04:58.000+05:30
Fix link :active/:hover color accessibility in the examples
diff --git a/examples/full/src/components/header/style.css b/examples/full/src/components/header/style.css
@@ -34,15 +34,15 @@
 	text-align: center;
 	background: rgba(255,255,255,0);
 	text-decoration: none;
-	color: #EEE;
+	color: #FFF;
 	will-change: background-color;
 }
 
 .header nav a:hover,
 .header nav a:active {
-	background: rgba(255,255,255,0.3);
+	background: rgba(0,0,0,0.2);
 }
 
 .header nav a.active {
-	background: rgba(255,255,255,0.4);
+	background: rgba(0,0,0,0.4);
 }
diff --git a/examples/root/components/header/style.css b/examples/root/components/header/style.css
@@ -34,15 +34,15 @@
 	text-align: center;
 	background: rgba(255,255,255,0);
 	text-decoration: none;
-	color: #EEE;
+	color: #FFF;
 	will-change: background-color;
 }
 
 .header nav a:hover,
 .header nav a:active {
-	background: rgba(255,255,255,0.3);
+	background: rgba(0,0,0,0.2);
 }
 
 .header nav a.active {
-	background: rgba(255,255,255,0.4);
+	background: rgba(0,0,0,0.4);
 }

Original file line number	Diff line number	Diff line change
`@@ -34,15 +34,15 @@`
`34`	`34`	`text-align: center;`
`35`	`35`	`background: rgba(255,255,255,0);`
`36`	`36`	`text-decoration: none;`
`37`		`- color: #EEE;`
	`37`	`+ color: #FFF;`
`38`	`38`	`will-change: background-color;`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`.header nav a:hover,`
`42`	`42`	`.header nav a:active {`
`43`		`- background: rgba(255,255,255,0.3);`
	`43`	`+ background: rgba(0,0,0,0.2);`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`.header nav a.active {`
`47`		`- background: rgba(255,255,255,0.4);`
	`47`	`+ background: rgba(0,0,0,0.4);`
`48`	`48`	`}`