jekyll-theme-hydeout 3.3.1 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 48051c5cedce486d8e0eeec73e8aea58ea2eab05
4
- data.tar.gz: '083bc0017e592651b054049629bd474c4d848d28'
3
+ metadata.gz: 1431a5ef802a94343c343b664c3a719351fa78c7
4
+ data.tar.gz: 313e38514b8d5d6d455a9949dd7850fda0df48a1
5
5
  SHA512:
6
- metadata.gz: 6093be3cc138fa048569ed2f3945127a234046a246ed39c80ef445d033eabc0ec8f203cf2e83212bd4d3e1e81d5b94c459b3fc22781eb135eda7df1059a1e934
7
- data.tar.gz: a28ed3be3ab2b36aa468372ad0e3aaabd80317191af54382d0273ad8dd4436faeb41f2077d384b98f8ba8c08a8fe7dbe36f46a9d3b8f5913e5f30808a14e476b
6
+ metadata.gz: 81f5cb2abd08133d453afca3373f4e2ee4f196244da27f9eeda30113cf84031458614c85f68c32f7f34c7fbccfee3ac5aa85fb217344da9c95d81264eec441b2
7
+ data.tar.gz: 3e470d68eb98a69f1afc1db1a501f973bb0935a178df107064ed89a40c41cb0fdc33f6cda3e03a1c66a459373eaed4d8a342eec0b0935a57b41f90b10d27caa8
data/README.md CHANGED
@@ -10,7 +10,7 @@ theme for [Jekyll](http://jekyllrb.com) 3.x and adds new functionality.
10
10
  ### Usage
11
11
 
12
12
  Hydeout is available as the `jekyll-theme-hydeout` Ruby Gem.
13
- Add `gem "jekyll-theme-hydeout", "~> 3.3"` to your Gemfile and run
13
+ Add `gem "jekyll-theme-hydeout", "~> 3.4"` to your Gemfile and run
14
14
  `bundle install`.
15
15
 
16
16
  Hydeout uses pagination, so if you have an `index.md`, you'll need to swap
@@ -1,4 +1,4 @@
1
1
  <p>
2
2
  &copy; {{ site.time | date: '%Y' }}.
3
- <a href="/LICENSE.md">MIT License.</a>
4
- </p>
3
+ <a href="{{ site.baseurl }}/LICENSE.md">MIT License.</a>
4
+ </p>
@@ -0,0 +1,8 @@
1
+ {% if paginator.previous_page %}
2
+ <div class="pagination">
3
+ <a class="pagination-item newer"
4
+ href="{{ site.baseurl }}/{% unless paginator.page == 2 %}page{{ paginator.previous_page }}{% endunless %}">
5
+ Newer
6
+ </a>
7
+ </div>
8
+ {% endif %}
@@ -0,0 +1,8 @@
1
+ {% if paginator.next_page %}
2
+ <div class="pagination">
3
+ <a class="pagination-item older"
4
+ href="{{ site.baseurl }}/page{{paginator.next_page}}">
5
+ Older
6
+ </a>
7
+ </div>
8
+ {% endif %}
@@ -3,6 +3,8 @@ layout: default
3
3
  ---
4
4
 
5
5
  <div class="content">
6
+ {% include pagination-newer.html %}
7
+
6
8
  {{ content }}
7
9
 
8
10
  {% for post in paginator.posts %}
@@ -36,5 +38,5 @@ layout: default
36
38
  </article>
37
39
  {% endfor %}
38
40
 
39
- {% include pagination.html %}
41
+ {% include pagination-older.html %}
40
42
  </div>
@@ -98,5 +98,6 @@ button, input[type="submit"] {
98
98
  background: $link-color;
99
99
  border-color: $link-color;
100
100
  color: white;
101
+ box-shadow: $default-box-shadow;
101
102
  }
102
103
  }
@@ -90,7 +90,9 @@ body {
90
90
  .container > header {
91
91
  background: transparent;
92
92
  color: white;
93
- margin: -$section-spacing $section-spacing $section-spacing;
93
+ margin: ($heading-spacing - $section-spacing)
94
+ $section-spacing
95
+ $section-spacing;
94
96
 
95
97
  h1, h2 {
96
98
  color: white;
@@ -114,7 +116,6 @@ body {
114
116
  // Bigger title
115
117
  .site-title {
116
118
  font-size: 3.25rem;
117
- margin-bottom: $heading-spacing;
118
119
  color: white;
119
120
  }
120
121
 
@@ -123,8 +124,10 @@ body {
123
124
  display: block;
124
125
  }
125
126
 
126
- header ~ nav {
127
- display: flex;
127
+ header {
128
+ ~ nav {
129
+ display: flex;
130
+ }
128
131
  }
129
132
 
130
133
  // Slightly more bottom padding to compensate for heading not match 100% of
@@ -161,7 +164,6 @@ body {
161
164
  #sidebar {
162
165
  .site-title {
163
166
  font-size: 3.25rem;
164
- margin-bottom: $heading-spacing;
165
167
 
166
168
  a { color: white; }
167
169
  .back-arrow { display: none; }
@@ -174,8 +176,6 @@ body {
174
176
  header ~ nav {
175
177
  display: flex;
176
178
  }
177
-
178
-
179
179
  }
180
180
 
181
181
  .index #sidebar { margin-bottom: 0; }
@@ -1,41 +1,67 @@
1
- // Pagination
2
- //
3
- // Super lightweight (HTML-wise) blog pagination. `span`s are provide for when
4
- // there are no more previous or next posts to show.
1
+ /*
2
+ Pagination
3
+
4
+ Super lightweight (HTML-wise) blog pagination. Should only be visible
5
+ when there is navigation available -- single buttons at top or bottom
6
+ of each page.
7
+ */
5
8
 
6
9
  .pagination {
7
- overflow: hidden; // clearfix
8
- margin: $section-spacing 0;
10
+ margin-bottom: $section-spacing;
9
11
  color: $gray-3;
10
12
  text-align: center;
11
- display: flex;
12
- width: 100%;
13
13
 
14
- > * {
15
- display: block;
14
+ > a {
15
+ display: inline-block;
16
16
  padding: $padding-v $padding-h;
17
17
  border: solid $border-color;
18
+ border-radius: $border-radius;
18
19
  border-width: 1px;
19
- flex-grow: 1;
20
- margin-left: -1px;
21
-
22
- &:first-child {
23
- margin-left: 0;
24
- border-top-left-radius: $border-radius;
25
- border-bottom-left-radius: $border-radius;
26
- }
20
+ width: 60%;
21
+ max-width: $sidebar-width;
22
+ background: $body-bg;
23
+ box-shadow: $default-box-shadow;
27
24
 
28
- &:last-child {
29
- border-top-right-radius: $border-radius;
30
- border-bottom-right-radius: $border-radius;
25
+ &:hover {
26
+ background-color: $border-color;
31
27
  }
32
28
  }
33
29
  }
34
30
 
35
- /*
36
- Pagination items can be `span`s or `a`s but
37
- only provide a hover state for linked pagination items
38
- */
39
- a.pagination-item:hover {
40
- background-color: $border-color;
31
+ // Bottom -> margin-top;
32
+ * + .pagination {
33
+ margin-top: $section-spacing;
34
+ }
35
+
36
+ // Push above header if newer on mobile
37
+ .content .pagination:first-child {
38
+ margin-top: -$section-spacing * 2;
39
+ }
40
+
41
+ // Make room for larger header by extending margin below title
42
+ .index #sidebar {
43
+ padding-bottom: calc(#{$section-spacing} + #{$padding-v});
41
44
  }
45
+
46
+ // Undo for larger screens
47
+ @media (min-width: $large-breakpoint) {
48
+ .pagination > a {
49
+ box-shadow: none;
50
+
51
+ &:hover { box-shadow: $default-box-shadow; }
52
+ }
53
+
54
+ .content .pagination:first-child {
55
+ margin-top: 0;
56
+
57
+ + * {
58
+ padding-top: $section-spacing;
59
+ border-top: 1px solid $border-color;
60
+ margin-top: $section-spacing;
61
+ }
62
+ }
63
+
64
+ .index #sidebar {
65
+ padding-bottom: $section-spacing;
66
+ }
67
+ }
@@ -3,10 +3,14 @@
3
3
  // Each post is wrapped in `.post` and is used on default and post layouts. Each
4
4
  // page is wrapped in `.page` and is only used on the page layout.
5
5
 
6
- .post-body + *, .post .post-body ~ * + * {
6
+ article + *, .post-body ~ section {
7
7
  padding-top: $section-spacing;
8
8
  border-top: 1px solid $border-color;
9
9
  margin-top: $section-spacing;
10
+
11
+ > h2:first-child, > h3:first-child {
12
+ margin-top: 0;
13
+ }
10
14
  }
11
15
 
12
16
  .post, .page {
@@ -34,6 +34,13 @@ $sidebar-width: 18rem !default;
34
34
  $large-breakpoint: 48rem !default;
35
35
  $large-font-size: 1.25rem !default;
36
36
 
37
+ $box-shadow-size: 1px !default;
38
+ $box-shadow-opacity: 0.16 !default;
39
+ $default-box-shadow: $box-shadow-size
40
+ $box-shadow-size
41
+ $box-shadow-size
42
+ rgba(0, 0, 0, $box-shadow-opacity);
43
+
37
44
  $code-font-family: Menlo, Monaco, "Courier New", monospace !default;
38
45
  $code-color: #bf616a !default;
39
46
 
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: jekyll-theme-hydeout
3
3
  version: !ruby/object:Gem::Version
4
- version: 3.3.1
4
+ version: 3.4.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Andrew Fong
8
8
  autorequire:
9
9
  bindir: exe
10
10
  cert_chain: []
11
- date: 2017-06-05 00:00:00.000000000 Z
11
+ date: 2017-06-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -102,7 +102,8 @@ files:
102
102
  - _includes/google-analytics.html
103
103
  - _includes/head.html
104
104
  - _includes/page-links.html
105
- - _includes/pagination.html
105
+ - _includes/pagination-newer.html
106
+ - _includes/pagination-older.html
106
107
  - _includes/post-meta.html
107
108
  - _includes/post-tags.html
108
109
  - _includes/related_posts.html
@@ -1,16 +0,0 @@
1
- <div class="pagination">
2
- {% if paginator.next_page %}
3
- <a class="pagination-item older" href="{{ site.baseurl }}/page{{paginator.next_page}}">Older</a>
4
- {% else %}
5
- <span class="pagination-item older">Older</span>
6
- {% endif %}
7
- {% if paginator.previous_page %}
8
- {% if paginator.page == 2 %}
9
- <a class="pagination-item newer" href="{{ site.baseurl }}">Newer</a>
10
- {% else %}
11
- <a class="pagination-item newer" href="{{ site.baseurl }}/page{{paginator.previous_page}}">Newer</a>
12
- {% endif %}
13
- {% else %}
14
- <span class="pagination-item newer">Newer</span>
15
- {% endif %}
16
- </div>