jekyll-theme-hydeout 3.3.1 → 3.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 48051c5cedce486d8e0eeec73e8aea58ea2eab05
-  data.tar.gz: '083bc0017e592651b054049629bd474c4d848d28'
+  metadata.gz: 1431a5ef802a94343c343b664c3a719351fa78c7
+  data.tar.gz: 313e38514b8d5d6d455a9949dd7850fda0df48a1
 SHA512:
-  metadata.gz: 6093be3cc138fa048569ed2f3945127a234046a246ed39c80ef445d033eabc0ec8f203cf2e83212bd4d3e1e81d5b94c459b3fc22781eb135eda7df1059a1e934
-  data.tar.gz: a28ed3be3ab2b36aa468372ad0e3aaabd80317191af54382d0273ad8dd4436faeb41f2077d384b98f8ba8c08a8fe7dbe36f46a9d3b8f5913e5f30808a14e476b
+  metadata.gz: 81f5cb2abd08133d453afca3373f4e2ee4f196244da27f9eeda30113cf84031458614c85f68c32f7f34c7fbccfee3ac5aa85fb217344da9c95d81264eec441b2
+  data.tar.gz: 3e470d68eb98a69f1afc1db1a501f973bb0935a178df107064ed89a40c41cb0fdc33f6cda3e03a1c66a459373eaed4d8a342eec0b0935a57b41f90b10d27caa8

data/README.md

@@ -10,7 +10,7 @@ theme for [Jekyll](http://jekyllrb.com) 3.x and adds new functionality.
 ### Usage
 
 Hydeout is available as the `jekyll-theme-hydeout` Ruby Gem.
-Add `gem "jekyll-theme-hydeout", "~> 3.3"` to your Gemfile and run
+Add `gem "jekyll-theme-hydeout", "~> 3.4"` to your Gemfile and run
 `bundle install`.
 
 Hydeout uses pagination, so if you have an `index.md`, you'll need to swap

data/_includes/copyright.html

@@ -1,4 +1,4 @@
 <p>
   &copy; {{ site.time | date: '%Y' }}.
-  <a href="/LICENSE.md">MIT License.</a>
-</p>
+  <a href="{{ site.baseurl }}/LICENSE.md">MIT License.</a>
+</p>

data/_includes/pagination-newer.html

@@ -0,0 +1,8 @@
+{% if paginator.previous_page %}
+<div class="pagination">
+  <a class="pagination-item newer"
+     href="{{ site.baseurl }}/{% unless paginator.page == 2 %}page{{ paginator.previous_page }}{% endunless %}">
+    Newer
+  </a>
+</div>
+{% endif %}

data/_includes/pagination-older.html

@@ -0,0 +1,8 @@
+{% if paginator.next_page %}
+<div class="pagination">
+  <a class="pagination-item older"
+     href="{{ site.baseurl }}/page{{paginator.next_page}}">
+    Older
+  </a>
+</div>
+{% endif %}

data/_layouts/index.html

@@ -3,6 +3,8 @@ layout: default
 ---
 
 <div class="content">
+  {% include pagination-newer.html %}
+
   {{ content }}
 
   {% for post in paginator.posts %}
@@ -36,5 +38,5 @@ layout: default
   </article>
   {% endfor %}
 
-  {% include pagination.html %}
+  {% include pagination-older.html %}
 </div>

data/_sass/hydeout/_base.scss

@@ -98,5 +98,6 @@ button, input[type="submit"] {
     background: $link-color;
     border-color: $link-color;
     color: white;
+    box-shadow: $default-box-shadow;
   }
 }

data/_sass/hydeout/_layout.scss

@@ -90,7 +90,9 @@ body {
 .container > header {
   background: transparent;
   color: white;
-  margin: -$section-spacing $section-spacing $section-spacing;
+  margin: ($heading-spacing - $section-spacing)
+          $section-spacing
+          $section-spacing;
 
   h1, h2 {
     color: white;
@@ -114,7 +116,6 @@ body {
   // Bigger title
   .site-title {
     font-size: 3.25rem;
-    margin-bottom: $heading-spacing;
     color: white;
   }
 
@@ -123,8 +124,10 @@ body {
     display: block;
   }
 
-  header ~ nav {
-    display: flex;
+  header {
+    ~ nav {
+      display: flex;
+    }
   }
 
   // Slightly more bottom padding to compensate for heading not match 100% of
@@ -161,7 +164,6 @@ body {
   #sidebar {
     .site-title {
       font-size: 3.25rem;
-      margin-bottom: $heading-spacing;
 
       a { color: white; }
       .back-arrow { display: none; }
@@ -174,8 +176,6 @@ body {
     header ~ nav {
       display: flex;
     }
-
-
   }
 
   .index #sidebar { margin-bottom: 0; }

data/_sass/hydeout/_pagination.scss

@@ -1,41 +1,67 @@
-// Pagination
-//
-// Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
-// there are no more previous or next posts to show.
+/*
+  Pagination
+
+  Super lightweight (HTML-wise) blog pagination. Should only be visible
+  when there is navigation available -- single buttons at top or bottom
+  of each page.
+*/
 
 .pagination {
-  overflow: hidden; // clearfix
-  margin: $section-spacing 0;
+  margin-bottom: $section-spacing;
   color: $gray-3;
   text-align: center;
-  display: flex;
-  width: 100%;
 
-  > * {
-    display: block;
+  > a {
+    display: inline-block;
     padding: $padding-v $padding-h;
     border: solid $border-color;
+    border-radius: $border-radius;
     border-width: 1px;
-    flex-grow: 1;
-    margin-left: -1px;
-
-    &:first-child {
-      margin-left: 0;
-      border-top-left-radius:    $border-radius;
-      border-bottom-left-radius: $border-radius;
-    }
+    width: 60%;
+    max-width: $sidebar-width;
+    background: $body-bg;
+    box-shadow: $default-box-shadow;
 
-    &:last-child {
-      border-top-right-radius:    $border-radius;
-      border-bottom-right-radius: $border-radius;
+    &:hover {
+      background-color: $border-color;
     }
   }
 }
 
-/*
-  Pagination items can be `span`s or `a`s but
-  only provide a hover state for linked pagination items
-*/
-a.pagination-item:hover {
-  background-color: $border-color;
+// Bottom -> margin-top;
+* + .pagination {
+  margin-top: $section-spacing;
+}
+
+// Push above header if newer on mobile
+.content .pagination:first-child {
+  margin-top: -$section-spacing * 2;
+}
+
+// Make room for larger header by extending margin below title
+.index #sidebar {
+  padding-bottom: calc(#{$section-spacing} + #{$padding-v});
 }
+
+// Undo for larger screens
+@media (min-width: $large-breakpoint) {
+  .pagination > a {
+    box-shadow: none;
+
+    &:hover { box-shadow: $default-box-shadow; }
+  }
+
+  .content .pagination:first-child {
+    margin-top: 0;
+
+    + * {
+      padding-top: $section-spacing;
+      border-top: 1px solid $border-color;
+      margin-top: $section-spacing;
+    }
+  }
+
+  .index #sidebar {
+    padding-bottom: $section-spacing;
+  }
+}

data/_sass/hydeout/_posts.scss

@@ -3,10 +3,14 @@
 // 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.
 
-.post-body + *, .post .post-body ~ * + * {
+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;
+  }
 }
 
 .post, .page {

data/_sass/hydeout/_variables.scss

@@ -34,6 +34,13 @@ $sidebar-width: 18rem !default;
 $large-breakpoint: 48rem !default;
 $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);
+
 $code-font-family: Menlo, Monaco, "Courier New", monospace !default;
 $code-color: #bf616a !default;
 

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: jekyll-theme-hydeout
 version: !ruby/object:Gem::Version
-  version: 3.3.1
+  version: 3.4.0
 platform: ruby
 authors:
 - Andrew Fong
 autorequire: 
 bindir: exe
 cert_chain: []
-date: 2017-06-05 00:00:00.000000000 Z
+date: 2017-06-13 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -102,7 +102,8 @@ files:
 - _includes/google-analytics.html
 - _includes/head.html
 - _includes/page-links.html
-- _includes/pagination.html
+- _includes/pagination-newer.html
+- _includes/pagination-older.html
 - _includes/post-meta.html
 - _includes/post-tags.html
 - _includes/related_posts.html

data/_includes/pagination.html

@@ -1,16 +0,0 @@
-<div class="pagination">
-  {% if paginator.next_page %}
-    <a class="pagination-item older" href="{{ site.baseurl }}/page{{paginator.next_page}}">Older</a>
-  {% else %}
-    <span class="pagination-item older">Older</span>
-  {% endif %}
-  {% if paginator.previous_page %}
-    {% if paginator.page == 2 %}
-      <a class="pagination-item newer" href="{{ site.baseurl }}">Newer</a>
-    {% else %}
-      <a class="pagination-item newer" href="{{ site.baseurl }}/page{{paginator.previous_page}}">Newer</a>
-    {% endif %}
-  {% else %}
-    <span class="pagination-item newer">Newer</span>
-  {% endif %}
-</div>