diff --git a/README.md b/README.md index c1e42ea..d56b814 100644 --- a/README.md +++ b/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 devel` -4. Open http://localhost:8000 in a browser +3. Run `yarn build` +4. Run `yarn devel` +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. diff --git a/themes/navy/source/scss/main.scss b/themes/navy/source/scss/main.scss index eb8e8c5..ad1f22a 100644 --- a/themes/navy/source/scss/main.scss +++ b/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 { diff --git a/themes/navy/source/scss/page.scss b/themes/navy/source/scss/page.scss index 9dfeac7..513c58f 100644 --- a/themes/navy/source/scss/page.scss +++ b/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;