jekyll-theme-hydeout 3.3.1 → 3.4.0
Sign up to get free protection for your applications and to get access to all the features.
- 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>
|