jekyll-theme-hydeout 4.0.2 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 832ecf068fbb46282cfb25dad754b8fc1e80901a
-  data.tar.gz: 1b5643a4eb03ba5ec117e40a74bcb7e01064995a
+  metadata.gz: ccfe9337e0de0d22f7289b39d780e90c31540bca
+  data.tar.gz: 1bb8d5f012c4b9e112bd5f7703aed3fc00dd380e
 SHA512:
-  metadata.gz: ab1bded8522b1c5c761b56544e6b4cae60baffa0506bf009e691a1ccf2022199a224fe382dd6adbd151b2b24162ea932c42e3efb8e9e0c8ab7d1379685c08086
-  data.tar.gz: 3a260e3807174a2a4c693c50bb3fc1ab9b24dc5e7e80f8a0bd397c3c81d612277c8ca8a852c9cdd28d02c650ae6eff1dc5968fde36672a9f8fdac55cd7667d0c
+  metadata.gz: 45c4138acb9a67f3144299a1a8d05f7b91297ee0a5a71d7c6f064b58d28272703ba0c6936611365b0103bd35580e7d98f8413dbb8946bba68c6fc3aea4b547c0
+  data.tar.gz: 13d1ab360f61ac95817dbc2e4277b9b316e59606a07fb412741e0b7757eb3205b0c426c9fde7b71520020a9481157caadc6410ac8342fe7d0912aef38156f48e

data/README.md

@@ -1,7 +1,7 @@
 # Hydeout
 
 Hydeout updates the original [Hyde](https://github.com/poole/hyde)
-theme for [Jekyll](http://jekyllrb.com) 3.x and adds new functionality.
+theme for [Jekyll](http://jekyllrb.com) 3.x and 4.x and adds new functionality.
 
 ![Desktop](/_screenshots/1.png?raw=true)
 <img alt="Mobile home page" src="/_screenshots/2.png?raw=true" width="300px" />

data/_sass/hydeout.scss

@@ -3,15 +3,15 @@
   Designed, built, and released under MIT license by @mdo.
 */
 
-@import "hydeout/variables";
-@import "hydeout/base";
-@import "hydeout/type";
-@import "hydeout/syntax";
-@import "hydeout/code";
-@import "hydeout/layout";
-@import "hydeout/masthead";
-@import "hydeout/posts";
-@import "hydeout/pagination";
-@import "hydeout/message";
-@import "hydeout/search";
-@import "hydeout/tags";
+@import 'hydeout/variables';
+@import 'hydeout/base';
+@import 'hydeout/type';
+@import 'hydeout/syntax';
+@import 'hydeout/code';
+@import 'hydeout/layout';
+@import 'hydeout/masthead';
+@import 'hydeout/posts';
+@import 'hydeout/pagination';
+@import 'hydeout/message';
+@import 'hydeout/search';
+@import 'hydeout/tags';

data/_sass/hydeout/_base.scss

@@ -3,9 +3,7 @@
 // Update the foundational and global aspects of the page.
 
 * {
-  -webkit-box-sizing: border-box;
-     -moz-box-sizing: border-box;
-          box-sizing: border-box;
+  box-sizing: border-box;
 }
 
 html,
@@ -25,11 +23,14 @@ html {
 }
 
 body {
-  -webkit-text-size-adjust: 100%;
-      -ms-text-size-adjust: 100%;
+  text-size-adjust: 100%;
 }
 
-main, article, section { display: block; }
+main,
+article,
+section {
+  display: block;
+}
 
 // No `:visited` state is required by default (browsers will use `a`)
 a {
@@ -48,26 +49,25 @@ a {
 }
 
 img {
+  border-radius: 5px;
   display: block;
-  max-width: 100%;
+  height: auto; // prevent max-width from squishing images with defined height
   margin: 0 0 1rem;
-  border-radius: 5px;
-  height: auto; // Fix to keep max-width from squishing images with defined
-                // height in HTML
+  max-width: 100%;
 }
 
 table {
-  margin-bottom: 1rem;
-  width: 100%;
-  font-size: 85%;
   border: 1px solid $border-color;
   border-collapse: collapse;
+  font-size: 85%;
+  margin-bottom: 1rem;
+  width: 100%;
 }
 
 td,
 th {
-  padding: .25rem .5rem;
   border: 1px solid $border-color;
+  padding: 0.25rem 0.5rem;
 }
 
 th {
@@ -79,25 +79,31 @@ tbody tr:nth-child(odd) th {
   background-color: $gray-1;
 }
 
-input[type="text"], input[type="email"], input[type="search"], input[type="submit"], button {
-  padding: $padding-v $padding-h;
+button,
+input[type='text'],
+input[type='email'],
+input[type='search'],
+input[type='submit'] {
   border: 1px solid $border-color;
   border-radius: $border-radius;
+  padding: $padding-v $padding-h;
 }
 
-button, input[type="submit"] {
-  cursor: pointer;
+button,
+input[type='submit'] {
   background: transparent;
   border-color: $border-color;
   color: $link-color;
-  transition: color 0.6s ease-in-out,
-              border-color 0.6s ease-in-out,
-              background 0.6s ease-in-out;
+  cursor: pointer;
+  transition:
+    color 0.6s ease-in-out,
+    border-color 0.6s ease-in-out,
+    background 0.6s ease-in-out;
 
   &:hover {
     background: $link-color;
     border-color: $link-color;
-    color: white;
     box-shadow: $default-box-shadow;
+    color: #fff;
   }
-}
+}

data/_sass/hydeout/_code.scss

@@ -9,33 +9,35 @@ pre {
 }
 
 code {
-  padding: .25em .5em;
-  font-size: 85%;
-  color: $code-color;
   background-color: #f9f9f9;
   border-radius: 3px;
+  color: $code-color;
+  font-size: 85%;
+  padding: 0.25em 0.5em;
 }
 
 pre {
-  margin-top: 0;
   margin-bottom: 1rem;
+  margin-top: 0;
+  max-width: 100%;
+  overflow-x: auto;
 }
 
 pre code {
-  padding: 0;
-  font-size: 100%;
-  color: inherit;
   background-color: transparent;
+  color: inherit;
+  font-size: 100%;
+  padding: 0;
 }
 
 // Pygments/Rouge via Jekyll
 .highlight {
-  padding: 1rem;
-  margin-bottom: 1rem;
-  font-size: .8rem;
-  line-height: 1.4;
   background-color: #f9f9f9;
-  border-radius: .25rem;
+  border-radius: 0.25rem;
+  font-size: 0.8rem;
+  line-height: 1.4;
+  margin-bottom: 1rem;
+  padding: 1rem;
 
   pre {
     margin-bottom: 0;
@@ -43,22 +45,14 @@ pre code {
   }
 
   .lineno {
-    display: inline-block; // Ensures the null space also isn't selectable
-    padding-right: .75rem;
-    padding-left: .25rem;
     color: #999;
-    // Make sure numbers aren't selectable
-    -webkit-user-select: none;
-       -moz-user-select: none;
-            user-select: none;
+    display: inline-block; // Ensures the null space also isn't selectable
+    padding-left: 0.25rem;
+    padding-right: 0.75rem;
+    user-select: none; // Make sure numbers aren't selectable
   }
 }
 
-pre {
-  max-width: 100%;
-  overflow-x: auto;
-}
-
 // Gist via GitHub Pages
 // .gist .gist-file {
 //   font-family: Menlo, Monaco, "Courier New", monospace !important;

data/_sass/hydeout/_layout.scss

@@ -23,15 +23,12 @@
 */
 
 body {
-  color: $sidebar-text-color;
+  background-attachment: fixed;
   background-color: $sidebar-bg-color;
-  background-image: linear-gradient(
-    to bottom,
-    lighten($sidebar-bg-color, 7%),
-    darken($sidebar-bg-color, 7%));
+  background-image: linear-gradient(to bottom, lighten($sidebar-bg-color, 7%), darken($sidebar-bg-color, 7%));
+  color: $sidebar-text-color;
   display: flex;
   flex-direction: column;
-  min-width: 100vw;
   min-height: 100vh;
 }
 
@@ -40,20 +37,26 @@ body {
   padding: $section-spacing;
 
   .site-title {
-    font-family: "Abril Fatface", serif;
-    font-weight: normal;
+    font-family: 'Abril Fatface', serif;
     font-size: $large-font-size;
-    margin-top: 0;
+    font-weight: normal;
     margin-bottom: $heading-spacing;
-
-    .back-arrow { margin-right: 0.5rem; }
+    margin-top: 0;
   }
+
+  .site-title .back-arrow { margin-right: 0.5rem; }
+}
+
+.content {
+  background: $body-bg;
+  color: $body-color;
+  padding: $section-spacing;
 }
 
 // Container is flexbox as well -- we want content div to stretch and fill
 .container {
-  flex: 1 1 auto;
   display: flex;
+  flex: 1 1 auto;
   flex-direction: column;
 
   > .content {
@@ -62,13 +65,6 @@ body {
   }
 }
 
-.content {
-  background: $body-bg;
-  color: $body-color;
-  padding: $section-spacing;
-}
-
-
 /* -----------------------------------------------------------
   Mobile view
 ----------------------------------------------------------- */
@@ -76,29 +72,33 @@ body {
 // Hide secondary nav content in sidebar
 // Hide lead paragraph in sidebar
 #sidebar {
-  header ~ *, header ~ nav, p.lead {
+  header ~ *,
+  header ~ nav,
+  p.lead {
     display: none;
   }
 }
 
 // Make header elements blend into sidebar / background
 .container > header {
-  color: $sidebar-title-color;
   background: transparent;
-  margin: ($heading-spacing - $section-spacing)
-          $section-spacing
-          $section-spacing;
+  color: $sidebar-title-color;
+  margin:
+    ($heading-spacing - $section-spacing)
+    $section-spacing
+    $section-spacing;
 
-  h1, h2 {
+  h1,
+  h2 {
     color: inherit;
+  }
 
-    &:last-child {
-      margin-bottom: 0;
-    }
+  h1:last-child,
+  h2:last-child {
+    margin-bottom: 0;
   }
 }
 
-
 /* -----------------------------------------------------------
   Mobile view for home page)
 ----------------------------------------------------------- */
@@ -114,14 +114,13 @@ body {
   }
 
   // Show secondary nav content + lead
-  header ~ *, p.lead {
+  header ~ *,
+  p.lead {
     display: block;
   }
 
-  header {
-    ~ nav {
-      display: flex;
-    }
+  header ~ nav {
+    display: flex;
   }
 
   // Slightly more bottom padding to compensate for heading not match 100% of
@@ -131,7 +130,6 @@ body {
   }
 }
 
-
 /* -----------------------------------------------------------
   Tablet / Desktop view
 ----------------------------------------------------------- */
@@ -139,21 +137,22 @@ body {
 @media (min-width: $large-breakpoint) {
   body {
     flex-direction: row;
-    height: 100vh;
-    overflow-y: auto;
+    min-height: 100vh;
     -webkit-overflow-scrolling: touch;
+    overflow-y: auto;
+
     > * {
-      max-height: 100vh; 
-      overflow-y: auto; 
       -webkit-overflow-scrolling: touch;
+      overflow-y: auto;
     }
   }
 
   /* Undo mobile CSS */
 
-  #sidebar, .home #sidebar {
-    width: $sidebar-width;
+  #sidebar,
+  .home #sidebar {
     text-align: left;
+    width: $sidebar-width;
 
     > *:last-child {
       margin-bottom: 0;
@@ -161,12 +160,33 @@ body {
   }
 
   #sidebar {
+    position: fixed;
+
+    // Attach to bottom or top of window
+    @if $sidebar-sticky {
+      bottom: 0;
+    }
+
+    @else {
+      top: 0;
+    }
+
+    // Attach to right or left of window
+    @if $layout-reverse {
+      right: 0;
+    }
+
+    @else {
+      left: 0;
+    }
+
     .site-title {
       font-size: 3.25rem;
       .back-arrow { display: none; }
     }
 
-    p.lead, header ~ * {
+    p.lead,
+    header ~ * {
       display: block;
     }
 
@@ -181,15 +201,26 @@ body {
   .container {
     background: $body-bg;
     color: $body-color;
-    padding: $section-spacing * 2
-             $section-spacing * 2
-             0;
-    height: 100vh;
+    min-height: 100vh;
+    padding:
+      $section-spacing * 2
+      $section-spacing * 2
+      0;
+
+    @if $layout-reverse {
+      margin-right: $sidebar-width;
+    }
+
+    @else {
+      margin-left: $sidebar-width;
+    }
 
     > header {
       color: $heading-color;
       margin: 0;
-      h1, h2 {
+
+      h1,
+      h2 {
         color: inherit;
 
         &:last-child {
@@ -205,7 +236,6 @@ body {
   }
 }
 
-
 /* -----------------------------------------------------------
   Sidebar links + nav
 ----------------------------------------------------------- */
@@ -216,27 +246,32 @@ body {
   svg {
     fill: $sidebar-icon-color;
   }
+}
 
-  &:hover, &:focus, &.active {
-    svg { fill: $sidebar-icon-color; }
-  }
+#sidebar a:hover,
+#sidebar a:focus,
+#sidebar a.active {
+  svg { fill: $sidebar-icon-color; }
+}
 
-  &:hover, &:focus {
-    text-decoration: underline;
-    &.icon {
-      text-decoration: none;
-    }
-  }
+#sidebar a:hover,
+#sidebar a:focus {
+  text-decoration: underline;
 
-  &.active {
-    font-weight: bold;
+  &.icon {
+    text-decoration: none;
   }
 }
 
+#sidebar a.active {
+  font-weight: bold;
+}
+
 #sidebar .site-title {
   color: $sidebar-title-color;
   a { color: inherit; }
 }
+
 #sidebar nav {
   display: flex;
 }
@@ -246,14 +281,14 @@ body {
 }
 
 #sidebar-icon-links {
-  max-width: 100%;
   flex-flow: row wrap;
   justify-content: center;
   margin-top: 1rem;
+  max-width: 100%;
 
   @media (min-width: $large-breakpoint) {
-    margin-left: -0.25em;
     justify-content: flex-start;
+    margin-left: -0.25em;
   }
 }
 
@@ -263,39 +298,32 @@ body {
 }
 
 #sidebar nav > .icon {
-  font-size: 1.5rem;
   display: inline-block;
+  font-size: 1.5rem;
   margin: 0 0.25em;
 }
 
+@media print {
+  #sidebar {
+    display: none;
+  }
 
-/* -----------------------------------------------------------
-  Sticky sidebar
+  body {
+    display: block;
+  }
 
-  Set $sidebar-stick variable to affix sidebar contents to the
-  bottom of the sidebar in tablets and up.
------------------------------------------------------------ */
+  .container {
+    display: block;
+    margin-left: 0;
+    margin-right: 0;
+    padding: 0;
 
-@if $sidebar-sticky {
-  @media (min-width: $large-breakpoint) {
-    body {
-      align-items: flex-end;
+    > * {
+      max-width: 100%;
     }
   }
-}
-
-
-/* -----------------------------------------------------------
-  Reverse layout
-
-  Flip the orientation of the page by placing the `#sidebar`
-  on the right.
------------------------------------------------------------ */
 
-@if $layout-reverse {
-  @media (min-width: $large-breakpoint) {
-    .container {
-      order: -1;
-    }
+  html {
+    font-size: normal;
   }
 }

data/_sass/hydeout/_masthead.scss

@@ -3,15 +3,15 @@
 // Super small header above the content for site name and short description.
 
 .masthead {
-  padding-top:    1rem;
-  padding-bottom: 1rem;
   margin-bottom: 3rem;
+  padding-bottom: 1rem;
+  padding-top: 1rem;
 }
 
 .masthead-title {
-  margin-top: 0;
-  margin-bottom: 0;
   color: $gray-5;
+  margin-bottom: 0;
+  margin-top: 0;
 
   a {
     color: inherit;
@@ -20,6 +20,6 @@
   small {
     font-size: 75%;
     font-weight: 400;
-    opacity: .5;
+    opacity: 0.5;
   }
 }

data/_sass/hydeout/_message.scss

@@ -4,8 +4,8 @@
 // or to a parent if there are multiple elements to show.
 
 .message {
+  background-color: #f9f9f9;
+  color: #717171;
   margin-bottom: 1rem;
   padding: 1rem;
-  color: #717171;
-  background-color: #f9f9f9;
 }

data/_sass/hydeout/_pagination.scss

@@ -7,24 +7,24 @@
 */
 
 .pagination {
-  margin-bottom: $section-spacing;
   color: $gray-3;
+  margin-bottom: $section-spacing;
   text-align: center;
 
   > a {
-    display: inline-block;
-    padding: $padding-v $padding-h;
+    background: $body-bg;
     border: solid $border-color;
     border-radius: $border-radius;
     border-width: 1px;
-    width: 60%;
-    max-width: $sidebar-width;
-    background: $body-bg;
     box-shadow: $default-box-shadow;
+    display: inline-block;
+    max-width: $sidebar-width;
+    padding: $padding-v $padding-h;
+    width: 60%;
+  }
 
-    &:hover {
-      background-color: $border-color;
-    }
+  > a:hover {
+    background-color: $border-color;
   }
 }
 
@@ -60,13 +60,13 @@
     margin-top: 0;
 
     + * {
-      padding-top: $section-spacing;
       border-top: 1px solid $border-color;
       margin-top: $section-spacing;
+      padding-top: $section-spacing;
     }
   }
 
   .index #sidebar {
     padding-bottom: $section-spacing;
   }
-}
+}

data/_sass/hydeout/_posts.scss

@@ -3,90 +3,91 @@
 // Each post is wrapped in `.post` and is used on default and post layouts. Each
 // page is wrapped in `.page` and is only used on the page layout.
 
-article + *, .post-body ~ section {
-  padding-top: $section-spacing;
-  border-top: 1px solid $border-color;
-  margin-top: $section-spacing;
-
-  > h2:first-child, > h3:first-child {
-    margin-top: 0;
-  }
+.posts-by-tag h2 {
+  text-transform: capitalize;
 }
 
-.post, .page {
-  .content {
-    li + li {
-      margin-top: .25rem;
-    }
-  }
+// Blog post or page title
+.page-title,
+.post-title {
+  margin-top: 0;
 }
 
-// Blog post or page title
 .page-title,
 .post-title,
 .post-title a {
   color: $heading-color;
 }
-.page-title,
-.post-title {
-  margin-top: 0;
-}
 
-// h1-size h2
-h2.post-title, h2.page-title {
+h2.post-title,
+h2.page-title {
   font-size: 2rem;
 }
 
-// Meta data line below post title
-.post-meta {
-  margin-top: -.5rem;
-  margin-bottom: 1rem;
-  color: $body-muted;
-}
-
 .post-tags a {
   font-size: 0.8em;
   margin-right: 0.5rem;
-  white-space:nowrap;
+  opacity: 0.75;
+  white-space: nowrap;
+
   .tag-name { text-transform: capitalize; }
 
-  opacity: 0.75;
   &:hover {
-    text-decoration: none;
     opacity: 1;
+    text-decoration: none;
   }
 }
 
-.posts-by-tag h2 {
-  text-transform: capitalize;
-}
-
 .posts-list {
-  padding-left: 0;
   list-style: none;
+  padding-left: 0;
 
   h3 {
     margin-top: 0;
   }
 
-  li {
-    small {
-      font-size: 75%;
-      color: #999;
-      white-space: nowrap;
-    }
-
-    a:hover {
-      color: $link-color;
-      text-decoration: none;
-
-      small {
-        color: inherit;
-      }
-    }
+  li small {
+    color: #999;
+    font-size: 75%;
+    white-space: nowrap;
+  }
+
+  li a:hover {
+    color: $link-color;
+    text-decoration: none;
+  }
+
+  li a:hover small {
+    color: inherit;
+  }
+}
+
+article + *,
+.post-body ~ section {
+  border-top: 1px solid $border-color;
+  margin-top: $section-spacing;
+  padding-top: $section-spacing;
+
+  > h2:first-child,
+  > h3:first-child {
+    margin-top: 0;
+  }
+}
+
+// Meta data line below post title
+.post-meta {
+  color: $body-muted;
+  margin-bottom: 1rem;
+  margin-top: -0.5rem;
+}
+
+.post,
+.page {
+  .content li + li {
+    margin-top: 0.25rem;
   }
 }
 
 button.disqus-load {
   margin-top: 1em;
-}
+}

data/_sass/hydeout/_search.scss

@@ -1,7 +1,7 @@
 .search-row {
-  display: flex;
   border: 1px solid $border-color;
   border-radius: $border-radius;
+  display: flex;
   padding: 2px;
 
   input {
@@ -10,7 +10,8 @@
 
   input + input { margin-left: 2px; }
 
-  input[type="text"], input[type="search"] {
+  input[type='text'],
+  input[type='search'] {
     flex-grow: 1;
   }
-}
+}

data/_sass/hydeout/_syntax.scss

@@ -1,64 +1,79 @@
 .highlight .hll { background-color: #ffc; }
 .highlight .c { color: #999; } /* Comment */
-.highlight .err { color: #a00; background-color: #faa } /* Error */
+.highlight .err { /* Error */
+  background-color: #faa;
+  color: #a00;
+}
 .highlight .k { color: #069; } /* Keyword */
-.highlight .o { color: #555 } /* Operator */
-.highlight .cm { color: #09f; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #099 } /* Comment.Preproc */
+.highlight .o { color: #555; } /* Operator */
+.highlight .cm { /* Comment.Multiline */
+  color: #09f;
+  font-style: italic;
+}
+.highlight .cp { color: #099; } /* Comment.Preproc */
 .highlight .c1 { color: #999; } /* Comment.Single */
 .highlight .cs { color: #999; } /* Comment.Special */
-.highlight .gd { background-color: #fcc; border: 1px solid #c00 } /* Generic.Deleted */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #f00 } /* Generic.Error */
+.highlight .gd { /* Generic.Deleted */
+  background-color: #fcc;
+  border: 1px solid #c00;
+}
+.highlight .ge { font-style: italic; } /* Generic.Emph */
+.highlight .gr { color: #f00; } /* Generic.Error */
 .highlight .gh { color: #030; } /* Generic.Heading */
-.highlight .gi { background-color: #cfc; border: 1px solid #0c0 } /* Generic.Inserted */
-.highlight .go { color: #aaa } /* Generic.Output */
+.highlight .gi { /* Generic.Inserted */
+  background-color: #cfc;
+  border: 1px solid #0c0;
+}
+.highlight .go { color: #aaa; } /* Generic.Output */
 .highlight .gp { color: #009; } /* Generic.Prompt */
-.highlight .gs { } /* Generic.Strong */
+// .highlight .gs { } /* Generic.Strong */
 .highlight .gu { color: #030; } /* Generic.Subheading */
-.highlight .gt { color: #9c6 } /* Generic.Traceback */
+.highlight .gt { color: #9c6; } /* Generic.Traceback */
 .highlight .kc { color: #069; } /* Keyword.Constant */
 .highlight .kd { color: #069; } /* Keyword.Declaration */
 .highlight .kn { color: #069; } /* Keyword.Namespace */
-.highlight .kp { color: #069 } /* Keyword.Pseudo */
+.highlight .kp { color: #069; } /* Keyword.Pseudo */
 .highlight .kr { color: #069; } /* Keyword.Reserved */
 .highlight .kt { color: #078; } /* Keyword.Type */
-.highlight .m { color: #f60 } /* Literal.Number */
-.highlight .s { color: #d44950 } /* Literal.String */
-.highlight .na { color: #4f9fcf } /* Name.Attribute */
-.highlight .nb { color: #366 } /* Name.Builtin */
+.highlight .m { color: #f60; } /* Literal.Number */
+.highlight .s { color: #d44950; } /* Literal.String */
+.highlight .na { color: #4f9fcf; } /* Name.Attribute */
+.highlight .nb { color: #366; } /* Name.Builtin */
 .highlight .nc { color: #0a8; } /* Name.Class */
-.highlight .no { color: #360 } /* Name.Constant */
-.highlight .nd { color: #99f } /* Name.Decorator */
+.highlight .no { color: #360; } /* Name.Constant */
+.highlight .nd { color: #99f; } /* Name.Decorator */
 .highlight .ni { color: #999; } /* Name.Entity */
 .highlight .ne { color: #c00; } /* Name.Exception */
-.highlight .nf { color: #c0f } /* Name.Function */
-.highlight .nl { color: #99f } /* Name.Label */
+.highlight .nf { color: #c0f; } /* Name.Function */
+.highlight .nl { color: #99f; } /* Name.Label */
 .highlight .nn { color: #0cf; } /* Name.Namespace */
 .highlight .nt { color: #2f6f9f; } /* Name.Tag */
-.highlight .nv { color: #033 } /* Name.Variable */
+.highlight .nv { color: #033; } /* Name.Variable */
 .highlight .ow { color: #000; } /* Operator.Word */
-.highlight .w { color: #bbb } /* Text.Whitespace */
-.highlight .mf { color: #f60 } /* Literal.Number.Float */
-.highlight .mh { color: #f60 } /* Literal.Number.Hex */
-.highlight .mi { color: #f60 } /* Literal.Number.Integer */
-.highlight .mo { color: #f60 } /* Literal.Number.Oct */
-.highlight .sb { color: #c30 } /* Literal.String.Backtick */
-.highlight .sc { color: #c30 } /* Literal.String.Char */
-.highlight .sd { color: #c30; font-style: italic } /* Literal.String.Doc */
-.highlight .s2 { color: #c30 } /* Literal.String.Double */
+.highlight .w { color: #bbb; } /* Text.Whitespace */
+.highlight .mf { color: #f60; } /* Literal.Number.Float */
+.highlight .mh { color: #f60; } /* Literal.Number.Hex */
+.highlight .mi { color: #f60; } /* Literal.Number.Integer */
+.highlight .mo { color: #f60; } /* Literal.Number.Oct */
+.highlight .sb { color: #c30; } /* Literal.String.Backtick */
+.highlight .sc { color: #c30; } /* Literal.String.Char */
+.highlight .sd { /* Literal.String.Doc */
+  color: #c30;
+  font-style: italic;
+}
+.highlight .s2 { color: #c30; } /* Literal.String.Double */
 .highlight .se { color: #c30; } /* Literal.String.Escape */
-.highlight .sh { color: #c30 } /* Literal.String.Heredoc */
-.highlight .si { color: #a00 } /* Literal.String.Interpol */
-.highlight .sx { color: #c30 } /* Literal.String.Other */
-.highlight .sr { color: #3aa } /* Literal.String.Regex */
-.highlight .s1 { color: #c30 } /* Literal.String.Single */
-.highlight .ss { color: #fc3 } /* Literal.String.Symbol */
-.highlight .bp { color: #366 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #033 } /* Name.Variable.Class */
-.highlight .vg { color: #033 } /* Name.Variable.Global */
-.highlight .vi { color: #033 } /* Name.Variable.Instance */
-.highlight .il { color: #f60 } /* Literal.Number.Integer.Long */
+.highlight .sh { color: #c30; } /* Literal.String.Heredoc */
+.highlight .si { color: #a00; } /* Literal.String.Interpol */
+.highlight .sx { color: #c30; } /* Literal.String.Other */
+.highlight .sr { color: #3aa; } /* Literal.String.Regex */
+.highlight .s1 { color: #c30; } /* Literal.String.Single */
+.highlight .ss { color: #fc3; } /* Literal.String.Symbol */
+.highlight .bp { color: #366; } /* Name.Builtin.Pseudo */
+.highlight .vc { color: #033; } /* Name.Variable.Class */
+.highlight .vg { color: #033; } /* Name.Variable.Global */
+.highlight .vi { color: #033; } /* Name.Variable.Instance */
+.highlight .il { color: #f60; } /* Literal.Number.Integer.Long */
 
 .css .o,
 .css .o + .nt,

data/_sass/hydeout/_tags.scss

@@ -1,25 +1,22 @@
-.tags-list {
-  a {
-    margin-right: 0.5em;
-    white-space: nowrap;
-    opacity: 0.75;
+.tags-list a {
+  margin-right: 0.5em;
+  opacity: 0.75;
+  white-space: nowrap;
+}
 
-    .tag-count {
-      background: $link-color;
-      color: rgba(255, 255, 255, 0.8);
-      margin-left: 0.25em;
-      border-radius: 1000px;
-      font-size: 0.75em;
-      padding-left: 0.6em;
-      padding-right: 0.6em;
-    }
+.tags-list a .tag-count {
+  background: $link-color;
+  border-radius: 1000px;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 0.75em;
+  margin-left: 0.25em;
+  padding-left: 0.6em;
+  padding-right: 0.6em;
+}
 
-    // No underline because it looks weird with badge
-    &:hover {
-      text-decoration: none;
-      opacity: 1;
-    }
-  }
+.tags-list a:hover {
+  opacity: 1;
+  text-decoration: none;
 }
 
 @keyframes posts-for-tag-fade-in {
@@ -32,7 +29,7 @@
   display: none;
 
   &:target {
-    display: block;
     animation: posts-for-tag-fade-in 0.6s ease-in-out;
+    display: block;
   }
-}
+}

data/_sass/hydeout/_type.scss

@@ -2,11 +2,17 @@
 //
 // Headings, body text, lists, and other misc typographic elements.
 
-h1, h2, h3, h4, h5, h6, .site-title {
-  margin-bottom: $heading-spacing;
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+.site-title {
+  color: $heading-color;
   font-weight: 600;
   line-height: 1.25;
-  color: $heading-color;
+  margin-bottom: $heading-spacing;
   text-rendering: optimizeLegibility;
 }
 
@@ -15,32 +21,36 @@ h1 {
 }
 
 h2 {
-  margin-top: 1rem;
   font-size: 1.5rem;
+  margin-top: 1rem;
 }
 
 h3 {
-  margin-top: 1.5rem;
   font-size: 1.25rem;
+  margin-top: 1.5rem;
 }
 
-h4, h5, h6 {
-  margin-top: 1rem;
+h4,
+h5,
+h6 {
   font-size: 1rem;
+  margin-top: 1rem;
 }
 
 p {
-  margin-top: 0;
   margin-bottom: 1rem;
+  margin-top: 0;
 }
 
 strong {
   color: #303030;
 }
 
-ul, ol, dl {
-  margin-top: 0;
+ul,
+ol,
+dl {
   margin-bottom: 1rem;
+  margin-top: 0;
 }
 
 dt {
@@ -48,63 +58,62 @@ dt {
 }
 
 dd {
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 hr {
-  position: relative;
-  margin: 1.5rem 0;
   border: 0;
-  border-top: 1px solid #eee;
   border-bottom: 1px solid #fff;
+  border-top: 1px solid #eee;
+  margin: 1.5rem 0;
+  position: relative;
 }
 
 abbr {
+  color: #555;
   font-size: 85%;
   font-weight: bold;
-  color: #555;
   text-transform: uppercase;
 
   &[title] {
-    cursor: help;
     border-bottom: 1px dotted $border-color;
+    cursor: help;
   }
 }
 
 blockquote {
-  padding: .5rem 1rem;
-  margin: .8rem 0;
+  border-left: 0.25rem solid $border-color;
   color: #7a7a7a;
-  border-left: .25rem solid $border-color;
+  margin: 0.8rem 0;
+  padding: 0.5rem 1rem;
 
   p:last-child {
     margin-bottom: 0;
   }
 
   @media (min-width: 30em) {
-    padding-right: 5rem;
     padding-left: 1.25rem;
+    padding-right: 5rem;
   }
 }
 
-
 // Markdown footnotes
 //
 // See the example content post for an example.
 
 // Footnote number within body text
-a[href^="#fn:"],
+a[href^='#fn:'],
 // Back to footnote link
-a[href^="#fnref:"] {
+a[href^='#fnref:'] {
   display: inline-block;
-  margin-left: .1rem;
   font-weight: bold;
+  margin-left: 0.1rem;
 }
 
 // List of footnotes
 .footnotes {
-  margin-top: 2rem;
   font-size: 85%;
+  margin-top: 2rem;
 }
 
 // Custom type
@@ -117,8 +126,15 @@ a[href^="#fnref:"] {
 }
 
 // SVG Icons
-a svg, .icon svg {
+a svg {
+  fill: $link-color;
+}
+
+a svg,
+.icon svg {
   height: 1em;
 }
-a svg { fill: $link-color; }
-.icon { vertical-align: middle; }
+
+.icon {
+  vertical-align: middle;
+}

data/_sass/hydeout/_variables.scss

@@ -13,7 +13,7 @@ $cyan: #75b5aa !default;
 $blue: #268bd2 !default;
 $brown: #8f5536 !default;
 
-$root-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif !default;
+$root-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', Arial, sans-serif !default;
 $root-font-size: 1rem !default;
 $root-line-height: 1.5 !default;
 
@@ -36,17 +36,14 @@ $large-font-size: 1.25rem !default;
 
 $box-shadow-size: 1px !default;
 $box-shadow-opacity: 0.16 !default;
-$default-box-shadow: $box-shadow-size
-                     $box-shadow-size
-                     $box-shadow-size
-                     rgba(0, 0, 0, $box-shadow-opacity);
+$default-box-shadow: $box-shadow-size $box-shadow-size $box-shadow-size rgba(0, 0, 0, $box-shadow-opacity);
 
-$code-font-family: Menlo, Monaco, "Courier New", monospace !default;
+$code-font-family: Menlo, Monaco, 'Courier New', monospace !default;
 $code-color: #bf616a !default;
 
 // Hyde theming
 $sidebar-bg-color: #202020 !default;
-$sidebar-fg-color: white !default;
+$sidebar-fg-color: #fff !default;
 $sidebar-sticky: true !default;
 $layout-reverse: false !default;
 

metadata

@@ -1,29 +1,35 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-hydeout
 version: !ruby/object:Gem::Version
-  version: 4.0.2
+  version: 4.1.0
 platform: ruby
 authors:
 - Andrew Fong
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2019-07-01 00:00:00.000000000 Z
+date: 2020-03-01 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.6'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '3.4'
+        version: '5.0'
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - "~>"
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: '3.6'
+    - - "<"
       - !ruby/object:Gem::Version
-        version: '3.4'
+        version: '5.0'
 - !ruby/object:Gem::Dependency
   name: jekyll-gist
   requirement: !ruby/object:Gem::Requirement