cyclist-jekyll 0.10.0 → 0.10.1
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|