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 +4 -4
- data/README.md +1 -1
- data/_includes/copyright.html +2 -2
- data/_includes/pagination-newer.html +8 -0
- data/_includes/pagination-older.html +8 -0
- data/_layouts/index.html +3 -1
- data/_sass/hydeout/_base.scss +1 -0
- data/_sass/hydeout/_layout.scss +7 -7
- data/_sass/hydeout/_pagination.scss +53 -27
- data/_sass/hydeout/_posts.scss +5 -1
- data/_sass/hydeout/_variables.scss +7 -0
- metadata +4 -3
- data/_includes/pagination.html +0 -16
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA1:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 1431a5ef802a94343c343b664c3a719351fa78c7
|
4
|
+
data.tar.gz: 313e38514b8d5d6d455a9949dd7850fda0df48a1
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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.
|
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
|
data/_includes/copyright.html
CHANGED
data/_layouts/index.html
CHANGED
@@ -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>
|
data/_sass/hydeout/_base.scss
CHANGED
data/_sass/hydeout/_layout.scss
CHANGED
@@ -90,7 +90,9 @@ body {
|
|
90
90
|
.container > header {
|
91
91
|
background: transparent;
|
92
92
|
color: white;
|
93
|
-
margin:
|
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
|
127
|
-
|
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
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
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
|
-
|
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
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
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
|
-
&:
|
29
|
-
|
30
|
-
border-bottom-right-radius: $border-radius;
|
25
|
+
&:hover {
|
26
|
+
background-color: $border-color;
|
31
27
|
}
|
32
28
|
}
|
33
29
|
}
|
34
30
|
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
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
|
+
}
|
data/_sass/hydeout/_posts.scss
CHANGED
@@ -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
|
-
|
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.
|
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-
|
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
|
data/_includes/pagination.html
DELETED
@@ -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>
|