cyclist-jekyll 0.10.0 → 0.10.1
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 +42 -0
- data/_sass/cyclist-jekyll.scss +3 -0
- data/_sass/layout.scss +15 -0
- data/_sass/typography.scss +48 -9
- data/assets/main.scss +1 -5
- metadata +9 -8
- data/_sass/fonts.scss +0 -51
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ed25ca9de5440b5324188896b8402206da1bf51f88e611d31acadcc5634e1e70
|
|
4
|
+
data.tar.gz: ca1c90463ffdb5c6bdf952caf2dacde317b5e7910e6e7598a76c10b1e4ca675b
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 5a2db89a1aba6dfc0f9a6e10bf8e9c608a0681216d9bec8f268d2ce10384560631d8d2dd2838d9cfc88cac0994d50b3a8553def33f38d8a724e4e8ffea3198c7
|
|
7
|
+
data.tar.gz: 1fe98a0afa3342a48fa16350b12a3f137441bc784b1999bc59c01a1b075fe58f9c5f775af09f4347777c2b97c17f4df1ab73cb04dbf641c2b127dc57c2454267
|
data/README.md
CHANGED
|
@@ -15,6 +15,48 @@ The typefaces are [Playfair Display][playfair] for headers, [Crimson][crimson] f
|
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
|
|
18
|
+
## Customizing Styles
|
|
19
|
+
|
|
20
|
+
Add a `assets/main.scss` to your Jekyll directory:
|
|
21
|
+
|
|
22
|
+
$font-size: 15px;
|
|
23
|
+
$line-height: 22px;
|
|
24
|
+
|
|
25
|
+
@import "{{ site.theme }}";
|
|
26
|
+
|
|
27
|
+
// Your SCSS rules here
|
|
28
|
+
|
|
29
|
+
### Fonts
|
|
30
|
+
|
|
31
|
+
1. Add a `assets/main.scss` to your Jekyll directory, as in [Customizing Styles](#customizing-styles)
|
|
32
|
+
2. Add `@import "typography";` after `@import "{{ site.theme }}";` to the `_assets/main.scss` in your Jekyll directory
|
|
33
|
+
3. Copy the file `_sass/typography.scss` to the same path in your Jekyll directory, and edit the font styles. (If you want to remove a style in `typography.scss` to set it to the CSS default, do not delete it, instead, use `unset` like `font-size: unset;`. This is because the original `typography.scss` is still also loaded, and the `_sass/typography.scss` in your Jekyll directory is then applied on top.)
|
|
34
|
+
4. Copy the `_includes/head.html` to the same path in your Jekyll directory, and change the Google font `link` tag to reference the new fonts
|
|
35
|
+
|
|
36
|
+
### Header Image
|
|
37
|
+
|
|
38
|
+
Using a custom header image:
|
|
39
|
+
|
|
40
|
+
h1 {
|
|
41
|
+
display: none;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@import "typography"
|
|
45
|
+
|
|
46
|
+
header[role="banner"] img {
|
|
47
|
+
display: block;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
header[role="banner"] h1 a {
|
|
51
|
+
display: inline-block;
|
|
52
|
+
line-height: normal;
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
header[role="banner"] h1 {
|
|
56
|
+
line-height: 0;
|
|
57
|
+
margin-bottom: $line-height;
|
|
58
|
+
}
|
|
59
|
+
|
|
18
60
|
## Cyclist
|
|
19
61
|
|
|
20
62
|
To show the Cyclist grid, import the `cyclist-grid.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
|
data/_sass/layout.scss
CHANGED
|
@@ -62,6 +62,16 @@ section#posts article {
|
|
|
62
62
|
margin-bottom: $leading-height * 3;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
+
.link h1,
|
|
66
|
+
.link h2,
|
|
67
|
+
.link h3,
|
|
68
|
+
article h4,
|
|
69
|
+
article h5,
|
|
70
|
+
article h6 {
|
|
71
|
+
line-height: $leading-height;
|
|
72
|
+
margin-bottom: $leading-height;
|
|
73
|
+
}
|
|
74
|
+
|
|
65
75
|
section#post header h1 {
|
|
66
76
|
margin-bottom: 0;
|
|
67
77
|
}
|
|
@@ -83,6 +93,10 @@ h2.post-date {
|
|
|
83
93
|
display: block;
|
|
84
94
|
}
|
|
85
95
|
|
|
96
|
+
pre code {
|
|
97
|
+
display: block;
|
|
98
|
+
}
|
|
99
|
+
|
|
86
100
|
blockquote,
|
|
87
101
|
pre {
|
|
88
102
|
margin-left: $indent-width;
|
|
@@ -117,3 +131,4 @@ article img,
|
|
|
117
131
|
article video {
|
|
118
132
|
max-width: 100%;
|
|
119
133
|
}
|
|
134
|
+
|
data/_sass/typography.scss
CHANGED
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
body {
|
|
2
|
+
font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
h1,
|
|
6
|
+
h2,
|
|
7
|
+
h3,
|
|
8
|
+
h4,
|
|
9
|
+
h5,
|
|
10
|
+
h6 {
|
|
11
|
+
font-family: "Playfair Display", sans-serif;
|
|
12
|
+
}
|
|
1
13
|
|
|
2
14
|
h1 {
|
|
3
15
|
@include header($double-small-pica-ratio);
|
|
@@ -11,22 +23,54 @@ h3 {
|
|
|
11
23
|
@include header($english-ratio);
|
|
12
24
|
}
|
|
13
25
|
|
|
26
|
+
blockquote {
|
|
27
|
+
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
28
|
+
color: #555;
|
|
29
|
+
font-size: $font-size - 1;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
pre,
|
|
33
|
+
code {
|
|
34
|
+
font-family: "Fira Mono", "Menlo", "Courier New", "Courier", monospace;
|
|
35
|
+
color: #555;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
nav {
|
|
39
|
+
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
40
|
+
font-weight: bold;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.post-date {
|
|
44
|
+
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
45
|
+
font-weight: bold;
|
|
46
|
+
text-transform: uppercase;
|
|
47
|
+
font-size: $font-size - 3;
|
|
48
|
+
}
|
|
49
|
+
|
|
14
50
|
.link h1,
|
|
15
51
|
.link h2,
|
|
16
52
|
.link h3,
|
|
17
53
|
article h4,
|
|
18
54
|
article h5,
|
|
19
55
|
article h6 {
|
|
20
|
-
line-height: $leading-height;
|
|
21
56
|
font-size: $font-size + 2;
|
|
22
|
-
margin-bottom: $leading-height;
|
|
23
57
|
}
|
|
24
58
|
|
|
25
|
-
|
|
26
|
-
|
|
59
|
+
a {
|
|
60
|
+
color: #000;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
a:visited {
|
|
64
|
+
color: #888;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
a:hover {
|
|
68
|
+
color: #555;
|
|
27
69
|
}
|
|
28
70
|
|
|
29
71
|
header[role=banner] h1 {
|
|
72
|
+
font-family: "Playfair Display", sans-serif;
|
|
73
|
+
text-transform: uppercase;
|
|
30
74
|
@include header($double-great-primer-ratio);
|
|
31
75
|
}
|
|
32
76
|
|
|
@@ -42,9 +86,4 @@ code {
|
|
|
42
86
|
|
|
43
87
|
pre code {
|
|
44
88
|
font-size: $font-size - 2;
|
|
45
|
-
display: block;
|
|
46
89
|
}
|
|
47
|
-
|
|
48
|
-
blockquote {
|
|
49
|
-
font-size: $font-size - 1;
|
|
50
|
-
}
|
data/assets/main.scss
CHANGED
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: cyclist-jekyll
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.10.
|
|
4
|
+
version: 0.10.1
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Roben Kleene
|
|
8
|
-
autorequire:
|
|
8
|
+
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2021-08-
|
|
11
|
+
date: 2021-08-23 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|
|
@@ -58,7 +58,7 @@ dependencies:
|
|
|
58
58
|
- - "~>"
|
|
59
59
|
- !ruby/object:Gem::Version
|
|
60
60
|
version: '2.1'
|
|
61
|
-
description:
|
|
61
|
+
description:
|
|
62
62
|
email:
|
|
63
63
|
- contact@robenkleene.com
|
|
64
64
|
executables: []
|
|
@@ -77,7 +77,7 @@ files:
|
|
|
77
77
|
- _layouts/linkpost.html
|
|
78
78
|
- _layouts/page.html
|
|
79
79
|
- _layouts/post.html
|
|
80
|
-
- _sass/
|
|
80
|
+
- _sass/cyclist-jekyll.scss
|
|
81
81
|
- _sass/layout.scss
|
|
82
82
|
- _sass/typography.scss
|
|
83
83
|
- assets/main.scss
|
|
@@ -93,7 +93,7 @@ homepage: https://github.com/cyclist-grid/cyclist-jekyl
|
|
|
93
93
|
licenses:
|
|
94
94
|
- MIT
|
|
95
95
|
metadata: {}
|
|
96
|
-
post_install_message:
|
|
96
|
+
post_install_message:
|
|
97
97
|
rdoc_options: []
|
|
98
98
|
require_paths:
|
|
99
99
|
- lib
|
|
@@ -108,8 +108,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
|
108
108
|
- !ruby/object:Gem::Version
|
|
109
109
|
version: '0'
|
|
110
110
|
requirements: []
|
|
111
|
-
|
|
112
|
-
|
|
111
|
+
rubyforge_project:
|
|
112
|
+
rubygems_version: 2.7.6
|
|
113
|
+
signing_key:
|
|
113
114
|
specification_version: 4
|
|
114
115
|
summary: Bicycle for the mind.
|
|
115
116
|
test_files: []
|
data/_sass/fonts.scss
DELETED
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
body {
|
|
2
|
-
font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
|
|
3
|
-
}
|
|
4
|
-
|
|
5
|
-
h1,
|
|
6
|
-
h2,
|
|
7
|
-
h3,
|
|
8
|
-
h4,
|
|
9
|
-
h5,
|
|
10
|
-
h6 {
|
|
11
|
-
font-family: "Playfair Display", sans-serif;
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
blockquote {
|
|
15
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
16
|
-
color: #555;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
pre,
|
|
20
|
-
code {
|
|
21
|
-
font-family: "Fira Mono", "Menlo", "Courier New", "Courier", monospace;
|
|
22
|
-
color: #555;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
nav {
|
|
26
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
27
|
-
font-weight: bold;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
.post-date {
|
|
31
|
-
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
32
|
-
font-weight: bold;
|
|
33
|
-
text-transform: uppercase;
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
header[role=banner] h1 {
|
|
37
|
-
font-family: "Playfair Display", sans-serif;
|
|
38
|
-
text-transform: uppercase;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
a {
|
|
42
|
-
color: #000;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
a:visited {
|
|
46
|
-
color: #888;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
a:hover {
|
|
50
|
-
color: #555;
|
|
51
|
-
}
|