cyclist 0.5.0 → 0.6.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 +11 -0
- data/_sass/layout.scss +20 -2
- data/_sass/typography.scss +12 -6
- data/assets/main.scss +3 -3
- metadata +2 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 1e632c7c129960a6cdb615eddab053c2c4e70ce9
|
|
4
|
+
data.tar.gz: 378ccc071332b77c9c159d130c8ab70bba67d835
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 34604055225a29bc4e8949abf7bc3eda990ac569bad4f4ecd0924396940051d4738f54657acf3178088fa0355918f353bc8a0f199fef549df4139da78cb40195
|
|
7
|
+
data.tar.gz: a37d4f2f22f585961c5432a07bda40380b68a42ba913b36fee8176aff7e0cfff150335d3de7fb756e145eb2e58133f2d237a9491cd571d960df0fe5f11dd04a3
|
data/README.md
CHANGED
|
@@ -13,6 +13,17 @@ The typefaces are [Playfair Display][playfair] for headers, [Crimson][crimson] f
|
|
|
13
13
|
|
|
14
14
|
|
|
15
15
|
|
|
16
|
+
## Raster
|
|
17
|
+
|
|
18
|
+
To show the raster grid, import the `raster.js` JavaScript in the [HTML `<head>`](_includes/head.html) element:
|
|
19
|
+
|
|
20
|
+
<script src="/vendor/raster/dist/js/raster.js"></script>
|
|
21
|
+
|
|
22
|
+
Add the following classes to the [`<body>` and grid `<div>` elements](_layouts/default.html):
|
|
23
|
+
|
|
24
|
+
<body class="raster-show-baseline">
|
|
25
|
+
<div id="grid" class="raster-show-guidelines">
|
|
26
|
+
|
|
16
27
|
## Installation
|
|
17
28
|
|
|
18
29
|
Add this line to your Jekyll site's `Gemfile`:
|
data/_sass/layout.scss
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
figure
|
|
1
|
+
figure,
|
|
2
|
+
pre {
|
|
2
3
|
margin: 0 0 $leading-height 0;
|
|
3
4
|
}
|
|
4
5
|
|
|
@@ -10,7 +11,7 @@ div#grid {
|
|
|
10
11
|
width: $main-width;
|
|
11
12
|
}
|
|
12
13
|
|
|
13
|
-
@media screen and (max-width: $main-width) {
|
|
14
|
+
@media screen and (max-width: $main-width + $gutter-width * 2) {
|
|
14
15
|
body {
|
|
15
16
|
padding-left: $gutter-width;
|
|
16
17
|
padding-right: $gutter-width;
|
|
@@ -76,9 +77,26 @@ pre {
|
|
|
76
77
|
}
|
|
77
78
|
|
|
78
79
|
hr {
|
|
80
|
+
border-top: 1px double #aaa;
|
|
81
|
+
border-bottom: none;
|
|
82
|
+
border-left: none;
|
|
83
|
+
border-right: none;
|
|
84
|
+
margin-bottom: $leading-height - 1;
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
sup {
|
|
88
|
+
vertical-align: super;
|
|
89
|
+
line-height: 0;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
section hr {
|
|
79
93
|
display: none;
|
|
80
94
|
}
|
|
81
95
|
|
|
96
|
+
article hr {
|
|
97
|
+
display: block;
|
|
98
|
+
}
|
|
99
|
+
|
|
82
100
|
article img {
|
|
83
101
|
max-width: 100%;
|
|
84
102
|
vertical-align: middle;
|
data/_sass/typography.scss
CHANGED
|
@@ -20,15 +20,15 @@ h6 {
|
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
article h1 {
|
|
23
|
-
@include header($double-small-pica);
|
|
23
|
+
@include header($double-small-pica-ratio);
|
|
24
24
|
}
|
|
25
25
|
|
|
26
26
|
article h2 {
|
|
27
|
-
@include header($great-primer);
|
|
27
|
+
@include header($great-primer-ratio);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
article h3 {
|
|
31
|
-
@include header($english);
|
|
31
|
+
@include header($english-ratio);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
34
|
article.link h1,
|
|
@@ -63,23 +63,29 @@ body {
|
|
|
63
63
|
font-family: "Crimson", Georgia, "Times New Roman", Times, serif;
|
|
64
64
|
}
|
|
65
65
|
|
|
66
|
+
sub,
|
|
67
|
+
sup {
|
|
68
|
+
margin-left: 1px;
|
|
69
|
+
font-size: $brevier;
|
|
70
|
+
}
|
|
71
|
+
|
|
66
72
|
pre,
|
|
67
73
|
code {
|
|
68
74
|
font-family: "Fira Mono", "Menlo", "Courier New", "Courier", monospace;
|
|
69
75
|
}
|
|
70
76
|
|
|
71
77
|
pre code {
|
|
72
|
-
font-size: $font-size -
|
|
78
|
+
font-size: $font-size - 2;
|
|
73
79
|
display: block;
|
|
74
80
|
}
|
|
75
81
|
|
|
76
82
|
code {
|
|
77
83
|
color: #555;
|
|
78
|
-
font-size: $font-size -
|
|
84
|
+
font-size: $font-size - 4;
|
|
79
85
|
}
|
|
80
86
|
|
|
81
87
|
blockquote {
|
|
82
|
-
font-size: $font-size -
|
|
88
|
+
font-size: $font-size - 1;
|
|
83
89
|
font-family: "LatoWeb", Helvetica, Verdana, sans-serif;
|
|
84
90
|
color: #555;
|
|
85
91
|
}
|
data/assets/main.scss
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
# Only the main Sass file needs front matter (the dashes are enough)
|
|
3
3
|
---
|
|
4
4
|
|
|
5
|
-
$font-size:
|
|
6
|
-
$line-height:
|
|
5
|
+
$font-size: 15px;
|
|
6
|
+
$line-height: 22px;
|
|
7
7
|
|
|
8
|
-
@import "../vendor/raster/dist/raster.scss";
|
|
8
|
+
@import "../vendor/raster/dist/scss/raster.scss";
|
|
9
9
|
@import "layout";
|
|
10
10
|
@import "fonts";
|
|
11
11
|
@import "typography";
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: cyclist
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 0.
|
|
4
|
+
version: 0.6.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Roben Kleene
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2018-04-
|
|
11
|
+
date: 2018-04-15 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: jekyll
|