Merge pull request #173 from SergioCrisostomo/fix-focusactive-links-i…

…n-docs adjust :focus / :active for links in Docs pages
mootools · Nov 8, 2014 · 23cfc58 · 23cfc58
2 parents 3320fe6 + 619f529
commit 23cfc58
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 34 deletions.
diff --git a/views/css/docs.styl b/views/css/docs.styl
@@ -68,14 +68,13 @@
 				color: #575551 !important;
 				font-weight: 400;
 			a
-				color: #575551 !important;
+				color: #575551;
 				display: block;
-				padding: 0.3em
-				&:active,
-				&:focus
-					color: #ffffff !important;
+				padding: 0.3em 0.5em;
+				margin-left: -0.2em;
 
 				&.top
+					color: #7d8aa5;
 					font-size: 1.2em;
 					margin: 0 0 0.5em;
 
@@ -86,6 +85,11 @@
 			font-family: "Entypo";
 			font-size: 140%;
 
+		a.top:active, a.top:focus
+			background-color: #777571;
+			&:after
+				color: #ffffff;
+
 	.content
 		margin: 0 0 2em;
 
@@ -101,6 +105,9 @@
 			border-top: solid 1px #dedfdf;
 			margin: 2em 0 0;
 			padding: 1.5em 0 0;
+			a
+				padding: 0 0.2em;
+				margin-left: -0.2em;
 
 		h2
 			background: #5A5D60;
@@ -109,6 +116,11 @@
 			padding: 0.15em 0.5em 0.25em;
 			a
 				color: #ffffff !important;
+				padding: 0 0.2em;
+				margin-left: -0.2em;
+				&:focus, &:active
+					background-color: #ffffff;
+					color: #5a5d60 !important;
 
 		h3
 			border-radius: 5px;
@@ -171,26 +183,26 @@
 		pre
 			margin: 0.5em 0 0;
 
-	a.back-to-top:before
-		color: #ffffff;
-		icon-up-open-mini()
-		margin-right: 0.5em;
-		font-family: "Entypo";
-		font-size: 110%;
-
-	a.back-to-top
-		color: #ffffff !important;
-		font-size: 0.8em;
-		margin-top: -3.4em;
-		padding: 0.3em 0.5em;
-		position: absolute !important;
-		right: 0.5em;
-
-	a.back-to-top:active, a.back-to-top:focus
-		background-color: #ffffff;
-
-	a.top:active, a.top:focus
-		background-color: #777571;
+		a.back-to-top:before
+			color: #ffffff;
+			icon-up-open-mini()
+			margin-right: 0.5em;
+			font-family: "Entypo";
+			font-size: 110%;
+
+		a.back-to-top
+			color: #ffffff !important;
+			font-size: 0.8em;
+			margin-top: -3.4em;
+			padding: 0.3em 0.5em;
+			position: absolute !important;
+			right: 0.5em;
+
+		a.back-to-top:active, a.back-to-top:focus
+			background-color: #ffffff;
+			color: #5a5d60 !important;
+			&:before
+				color: #5a5d60 !important;
 
 .heading
 	position: relative;
diff --git a/views/css/mixins.styl b/views/css/mixins.styl
@@ -16,16 +16,7 @@ site_overrides(site, color)
 			color: color
 		a
 			color: color
-			&:active, &:focus
-				color: #777571 !important
-				h2
-					color: #ffffff !important;
 
-		a.back-to-top:active, a.back-to-top:focus
-			color: color !important
-
-		.docs .toc a.top
-			color: color !important;
 		.selected
 			background-color: color
 			border-color: color