Fix bug where wrapping the logo in an <a> tag would brake it

lord · lord · commit e95a16d55fbd · 2017-11-23T13:09:21.000-08:00
diff --git a/source/stylesheets/screen.css.scss b/source/stylesheets/screen.css.scss
@@ -72,9 +72,10 @@ html, body {
   }
 
   // This is the logo at the top of the ToC
-  &>img {
+  .logo {
     display: block;
     max-width: 100%;
+    margin-bottom: $logo-margin;
   }
 
   &>.search {
@@ -102,10 +103,6 @@ html, body {
     }
   }
 
-  .logo {
-    margin-bottom: $logo-margin;
-  }
-
   .search-results {
     margin-top: 0;
     box-sizing: border-box;

Original file line number	Diff line number	Diff line change
`@@ -72,9 +72,10 @@ html, body {`
`72`	`72`	`}`
`73`	`73`
`74`	`74`	`// This is the logo at the top of the ToC`
`75`		`- &>img {`
	`75`	`+ .logo {`
`76`	`76`	`display: block;`
`77`	`77`	`max-width: 100%;`
	`78`	`+ margin-bottom: $logo-margin;`
`78`	`79`	`}`
`79`	`80`
`80`	`81`	`&>.search {`
`@@ -102,10 +103,6 @@ html, body {`
`102`	`103`	`}`
`103`	`104`	`}`
`104`	`105`
`105`		`- .logo {`
`106`		`- margin-bottom: $logo-margin;`
`107`		`- }`
`108`		`-`
`109`	`106`	`.search-results {`
`110`	`107`	`margin-top: 0;`
`111`	`108`	`box-sizing: border-box;`