Hyperlinks have better user interaction with hover states

Matthew McCullough · Matthew McCullough · commit dcb3ec8e26aa · 2014-04-09T23:38:31.000-06:00
diff --git a/_stylesheets/workbook.css b/_stylesheets/workbook.css
@@ -51,7 +51,10 @@
 
 .booklink, .githublink, .weblink, .videolink {
   font: normal normal 1em octicons;
-  text-decoration: none; }
+  text-decoration: none;
+  color: #1875c6; }
+  .booklink:hover, .githublink:hover, .weblink:hover, .videolink:hover {
+    color: #00a5ea; }
 
 .booklink:before {
   content: "\f007";
@@ -102,7 +105,9 @@ ul {
   margin-left: 40px; }
 
 p {
-  margin-left: 30px; }
+  text-indent: 5px;
+  margin-left: 30px;
+  margin-bottom: 20px; }
 
 blockquote {
   width: 80%;
diff --git a/_stylesheets/workbook.scss b/_stylesheets/workbook.scss
@@ -102,6 +102,11 @@
 .booklink, .githublink, .weblink, .videolink {
   font: normal normal 1em octicons;
   text-decoration: none;
+  color: $color-dark;
+
+  &:hover {
+    color: $color-bright;
+  }
 }
 
 .booklink{
@@ -171,7 +176,9 @@ ul{
 }
 
 p{
+  text-indent: 5px;
   margin-left: 30px;
+  margin-bottom: 20px;
 }
 
 

Original file line number	Diff line number	Diff line change
`@@ -102,6 +102,11 @@`
`102`	`102`	`.booklink, .githublink, .weblink, .videolink {`
`103`	`103`	`font: normal normal 1em octicons;`
`104`	`104`	`text-decoration: none;`
	`105`	`+ color: $color-dark;`
	`106`	`+`
	`107`	`+ &:hover {`
	`108`	`+ color: $color-bright;`
	`109`	`+ }`
`105`	`110`	`}`
`106`	`111`
`107`	`112`	`.booklink{`
`@@ -171,7 +176,9 @@ ul{`
`171`	`176`	`}`
`172`	`177`
`173`	`178`	`p{`
	`179`	`+ text-indent: 5px;`
`174`	`180`	`margin-left: 30px;`
	`181`	`+ margin-bottom: 20px;`
`175`	`182`	`}`
`176`	`183`
`177`	`184`