Merge pull request #70 from yakkomajuri/61-docs-style-fix

README.md

@@ -20,8 +20,8 @@ If you want to add a page, rather than just edit, you'll need to make sure it ap
 Make sure you have [Node.js](https://nodejs.org/) installed first.
 
 1. Open Terminal and navigate to the project root directory,
-2. Run `yarn install`
+3. Run `yarn build`
-3. Run `yarn devel`
+4. Run `yarn devel`
-4. Open http://localhost:8000 in a browser
+5. Open http://localhost:8000 in a browser
 
 This prevents the need for any global installs, and will allow you to have live reloading for any changes you are making.

themes/navy/source/scss/header.scss

@@ -64,6 +64,11 @@ html {
   background-position: center;
 }
 
+.header-icon:hover {
+	background-color: rgba(43, 59, 71, 0.124066);
+	color: rgba(255, 255, 255, 1);
+}
+
 .header-link--gh .header-icon {
   background-image: url(../img/icon_gh.svg);
   background-size: 80%;

themes/navy/source/scss/main.scss

@@ -19,6 +19,7 @@ body {
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;
   background-color: $colorNimbus;
+  overflow-x: hidden;
 }
 
 .home-wrap {

themes/navy/source/scss/page.scss

@@ -227,10 +227,12 @@ $color-link-hover: lighten($color-link, 10%);
 .article-content {
   line-height: $line-height;
   color: $color-default;
+  max-width: 90% !important;
   @media print {
     font-size: 12pt;
   }
   p, ol, ul, dl, table, blockquote, iframe, .highlight {
+    max-width: 80% !important;
     margin: 1em 0;
   }
   h1 {
@@ -295,7 +297,7 @@ $color-link-hover: lighten($color-link, 10%);
     }
   }
   img, video {
-    max-width: 100%;
+    max-width: 90%;
   }
   blockquote {
     padding: 0 20px;