jekyll-theme-hydeout 3.7.1 → 4.2.0

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;
+}