cyclist 0.5.0 → 0.6.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 +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
|
![Cyclist](cyclist.png)
|
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
|