quattle 1.5.4 → 1.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.
data/_sass/_type.scss CHANGED
@@ -1,211 +1,211 @@
1
- // Typography
2
-
3
- h1, h2, h3, h4, h6 {
4
- margin-bottom: .5rem;
5
- font-weight: 600;
6
- line-height: 1.25;
7
- text-rendering: optimizeLegibility;
8
- color: $header;
9
- position: relative;
10
-
11
- @media (prefers-color-scheme: light) {
12
- color: $light-scheme-header;
13
- }
14
- }
15
-
16
- h3::before {
17
- content: "#";
18
- color: $header-before;
19
- left: -1em;
20
- top: 0;
21
- position: absolute;
22
-
23
- @media (prefers-color-scheme: light) {
24
- color: $light-scheme-header-before;
25
- }
26
- }
27
-
28
- h1 {
29
- font-size: 1.5rem;
30
- }
31
-
32
- h2 {
33
- margin-top: 1rem;
34
- font-size: 1.5rem;
35
- }
36
-
37
- h3 {
38
- margin-top: 1.5rem;
39
- font-size: 1.25rem;
40
- }
41
-
42
- h4, h5, h6 {
43
- margin-top: 1rem;
44
- font-size: 1rem;
45
- }
46
-
47
- p {
48
- margin-top: 0;
49
- margin-bottom: 1rem;
50
- }
51
-
52
- ul, ol, dl {
53
- margin-top: 0;
54
- }
55
-
56
- dt {
57
- font-weight: bold;
58
- }
59
-
60
- dd {
61
- margin-bottom: .5rem;
62
- }
63
-
64
- hr {
65
- position: relative;
66
- margin: 1.5rem 0;
67
- border: 0;
68
- border-top: 1px solid $text;
69
- border-bottom: 1px solid $text;
70
- opacity: .2;
71
-
72
- @media (prefers-color-scheme: light) {
73
- border-top: 1px solid $light-scheme-text;
74
- border-bottom: 1px solid $light-scheme-text;
75
- opacity: .2;
76
- }
77
- }
78
-
79
- abbr {
80
- font-size: 85%;
81
- font-weight: bold;
82
- opacity: .5;
83
- color: $text;
84
- text-transform: uppercase;
85
-
86
- @media (prefers-color-scheme: light) {
87
- color: $light-scheme-text;
88
- }
89
-
90
- &[title] {
91
- cursor: help;
92
- border-bottom: 1px dotted #e5e5e5;
93
- }
94
- }
95
-
96
- span.link-arrow {
97
- color: $header;
98
-
99
- @media (prefers-color-scheme: light) {
100
- color: $light-scheme-header;
101
- }
102
- }
103
-
104
- blockquote {
105
- width: 100%;
106
- padding: .25em 50px .25em 25px;
107
- margin: 40px auto;
108
- font-style: italic;
109
- font-size: 92%;
110
- opacity: .9;
111
- position: relative;
112
- border-left: 4px solid $header;
113
-
114
- @media (prefers-color-scheme: light) {
115
- border-left: 4px solid $light-scheme-header;
116
- opacity: .8;
117
- }
118
-
119
- p:last-child {
120
- margin-bottom: 0;
121
- }
122
-
123
- @media (min-width: 30em) {
124
- padding-right: 5rem;
125
- padding-left: 1.5rem;
126
- }
127
- }
128
-
129
- figure {
130
- margin: 0;
131
- }
132
-
133
- mark {
134
- background: $accent;
135
- color: $text;
136
- padding: 2px 2px;
137
-
138
- @media (prefers-color-scheme: light) {
139
- background: #e8e8e8;
140
- color: $light-scheme-text;
141
- }
142
- }
143
-
144
- // Footnote number within body text
145
- a[href^="#fn:"] {
146
- display: inline-block;
147
- position: relative;
148
- font-weight: bold;
149
- min-width: 35px;
150
- margin: 0 0.1em 0 0.2em;
151
- text-align: center;
152
- color: $color;
153
- background-color: rgba(33, 34, 40, 1);
154
- border: 1.5px solid $accent;
155
- border-radius: 1em;
156
- vertical-align: middle;
157
-
158
- @media (prefers-color-scheme: light) {
159
- color: $light-scheme-color;
160
- background-color: #F8F8F8;
161
- border: 1.5px solid #d2d2d2;
162
- }
163
- }
164
-
165
- // Back to footnote link
166
- a[href^="#fnref:"] {
167
- display: inline-block;
168
- margin-left: .1rem;
169
- font-weight: bold;
170
- padding: 0.1em 0.1em 0.1em;
171
- }
172
-
173
- // List of footnotes
174
- .footnotes {
175
- margin-top: 2rem;
176
- font-size: 80%;
177
-
178
- :target {
179
- padding: 6px;
180
- border: solid 1px $accent;
181
- background-color: rgba(33, 34, 40, 1);
182
-
183
- @media (prefers-color-scheme: light) {
184
- border: solid 1.5px #d2d2d2;
185
- background-color: #F8F8F8;
186
- }
187
- }
188
- }
189
-
190
- .reversefootnote {
191
- text-decoration: none;
192
- color: $color;
193
-
194
- @media (prefers-color-scheme: light) {
195
- color: $light-scheme-color;
196
- }
197
- }
198
-
199
- // Custom type
200
- //
201
- // Extend paragraphs with `.lead` for larger introductory text.
202
-
203
- .lead {
204
- font-size: 1.25rem;
205
- font-weight: 300;
206
- color: $text;
207
-
208
- @media (prefers-color-scheme: light) {
209
- color: $light-scheme-text;
210
- }
211
- }
1
+ // Typography
2
+
3
+ h1, h2, h3, h4, h6 {
4
+ margin-bottom: .5rem;
5
+ font-weight: 600;
6
+ line-height: 1.25;
7
+ text-rendering: optimizeLegibility;
8
+ color: $header;
9
+ position: relative;
10
+
11
+ @media (prefers-color-scheme: light) {
12
+ color: $light-scheme-header;
13
+ }
14
+ }
15
+
16
+ h3::before {
17
+ content: "#";
18
+ color: $header-before;
19
+ left: -1em;
20
+ top: 0;
21
+ position: absolute;
22
+
23
+ @media (prefers-color-scheme: light) {
24
+ color: $light-scheme-header-before;
25
+ }
26
+ }
27
+
28
+ h1 {
29
+ font-size: 1.5rem;
30
+ }
31
+
32
+ h2 {
33
+ margin-top: 1rem;
34
+ font-size: 1.5rem;
35
+ }
36
+
37
+ h3 {
38
+ margin-top: 1.5rem;
39
+ font-size: 1.25rem;
40
+ }
41
+
42
+ h4, h5, h6 {
43
+ margin-top: 1rem;
44
+ font-size: 1rem;
45
+ }
46
+
47
+ p {
48
+ margin-top: 0;
49
+ margin-bottom: 1rem;
50
+ }
51
+
52
+ ul, ol, dl {
53
+ margin-top: 0;
54
+ }
55
+
56
+ dt {
57
+ font-weight: bold;
58
+ }
59
+
60
+ dd {
61
+ margin-bottom: .5rem;
62
+ }
63
+
64
+ hr {
65
+ position: relative;
66
+ margin: 1.5rem 0;
67
+ border: 0;
68
+ border-top: 1px solid $text;
69
+ border-bottom: 1px solid $text;
70
+ opacity: .2;
71
+
72
+ @media (prefers-color-scheme: light) {
73
+ border-top: 1px solid $light-scheme-text;
74
+ border-bottom: 1px solid $light-scheme-text;
75
+ opacity: .2;
76
+ }
77
+ }
78
+
79
+ abbr {
80
+ font-size: 85%;
81
+ font-weight: bold;
82
+ opacity: .5;
83
+ color: $text;
84
+ text-transform: uppercase;
85
+
86
+ @media (prefers-color-scheme: light) {
87
+ color: $light-scheme-text;
88
+ }
89
+
90
+ &[title] {
91
+ cursor: help;
92
+ border-bottom: 1px dotted #e5e5e5;
93
+ }
94
+ }
95
+
96
+ span.link-arrow {
97
+ color: $header;
98
+
99
+ @media (prefers-color-scheme: light) {
100
+ color: $light-scheme-header;
101
+ }
102
+ }
103
+
104
+ blockquote {
105
+ width: 100%;
106
+ padding: .25em 50px .25em 25px;
107
+ margin: 40px auto;
108
+ font-style: italic;
109
+ font-size: 92%;
110
+ opacity: .9;
111
+ position: relative;
112
+ border-left: 4px solid $header;
113
+
114
+ @media (prefers-color-scheme: light) {
115
+ border-left: 4px solid $light-scheme-header;
116
+ opacity: .8;
117
+ }
118
+
119
+ p:last-child {
120
+ margin-bottom: 0;
121
+ }
122
+
123
+ @media (min-width: 30em) {
124
+ padding-right: 5rem;
125
+ padding-left: 1.5rem;
126
+ }
127
+ }
128
+
129
+ figure {
130
+ margin: 0;
131
+ }
132
+
133
+ mark {
134
+ background: $accent;
135
+ color: $text;
136
+ padding: 2px 2px;
137
+
138
+ @media (prefers-color-scheme: light) {
139
+ background: #e8e8e8;
140
+ color: $light-scheme-text;
141
+ }
142
+ }
143
+
144
+ // Footnote number within body text
145
+ a[href^="#fn:"] {
146
+ display: inline-block;
147
+ position: relative;
148
+ font-weight: bold;
149
+ min-width: 35px;
150
+ margin: 0 0.1em 0 0.2em;
151
+ text-align: center;
152
+ color: $color;
153
+ background-color: rgba(33, 34, 40, 1);
154
+ border: 1.5px solid $accent;
155
+ border-radius: 1em;
156
+ vertical-align: middle;
157
+
158
+ @media (prefers-color-scheme: light) {
159
+ color: $light-scheme-color;
160
+ background-color: #F8F8F8;
161
+ border: 1.5px solid #d2d2d2;
162
+ }
163
+ }
164
+
165
+ // Back to footnote link
166
+ a[href^="#fnref:"] {
167
+ display: inline-block;
168
+ margin-left: .1rem;
169
+ font-weight: bold;
170
+ padding: 0.1em 0.1em 0.1em;
171
+ }
172
+
173
+ // List of footnotes
174
+ .footnotes {
175
+ margin-top: 2rem;
176
+ font-size: 80%;
177
+
178
+ :target {
179
+ padding: 6px;
180
+ border: solid 1px $accent;
181
+ background-color: rgba(33, 34, 40, 1);
182
+
183
+ @media (prefers-color-scheme: light) {
184
+ border: solid 1.5px #d2d2d2;
185
+ background-color: #F8F8F8;
186
+ }
187
+ }
188
+ }
189
+
190
+ .reversefootnote {
191
+ text-decoration: none;
192
+ color: $color;
193
+
194
+ @media (prefers-color-scheme: light) {
195
+ color: $light-scheme-color;
196
+ }
197
+ }
198
+
199
+ // Custom type
200
+ //
201
+ // Extend paragraphs with `.lead` for larger introductory text.
202
+
203
+ .lead {
204
+ font-size: 1.25rem;
205
+ font-weight: 300;
206
+ color: $text;
207
+
208
+ @media (prefers-color-scheme: light) {
209
+ color: $light-scheme-text;
210
+ }
211
+ }
@@ -1,52 +1,52 @@
1
- // Color schemes for light and dark mode
2
-
3
- $color: #0083a0;
4
- $accent: #6968A7;
5
-
6
- $light-scheme-color: #009ddc;
7
- $light-scheme-accent: #909090;
8
-
9
- $bg: #1e1e1e;
10
- $text: #f7f6f5;
11
- $header: #8f8f8e;
12
- $header-before: #8f8f8e;
13
-
14
- $light-scheme-bg: #f7f6f4;
15
- $light-scheme-text: #474747;
16
- $light-scheme-header: #ACACAC;
17
- $light-scheme-header-before: #ACACAC;
18
-
19
- $code-inline: #5bc8f9;
20
- $code-inline-bg: #212c2d;
21
- $code-block-accent: #5bc8f9;
22
- $code-block-bg: rgba(33, 34, 40, 1);
23
- $code-border: #c24a45;
24
-
25
- $code-inline-light: #343434;
26
- $code-inline-bg-light: #F8F8F8;
27
- $code-block-accent-light: #00c2bb;
28
- $code-block-bg-light: rgba(49, 50, 59, 1);
29
- $code-border-light: #ACACAC;
30
-
31
- $notice: #6968A7;
32
- $notice-bg: rgba(33, 34, 40, 1);
33
- $notice-light: #d2d2d2;
34
- $notice-bg-light: #F8F8F8;
35
-
36
- $message-default: #002d2b;
37
- $message-light: #F8F8F8;
38
- $message-black: #282828;
39
- $message-green: #62bb47;
40
- $message-yellow: #fcb827;
41
- $message-orange: #f6821f;
42
- $message-red: #e03940;
43
- $message-purple: #953c96;
44
- $message-blue: #009ddc;
45
-
46
- $root-font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
47
- $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
48
- $root-font-size: 17px;
49
- $root-line-height: 1.75;
50
-
51
- $large-breakpoint: 38em;
52
- $large-font-size: 1.25em;
1
+ // Color schemes for light and dark mode
2
+
3
+ $color: #0083a0;
4
+ $accent: #6968A7;
5
+
6
+ $light-scheme-color: #009ddc;
7
+ $light-scheme-accent: #909090;
8
+
9
+ $bg: #1e1e1e;
10
+ $text: #f7f6f5;
11
+ $header: #8f8f8e;
12
+ $header-before: #8f8f8e;
13
+
14
+ $light-scheme-bg: #f7f6f4;
15
+ $light-scheme-text: #474747;
16
+ $light-scheme-header: #ACACAC;
17
+ $light-scheme-header-before: #ACACAC;
18
+
19
+ $code-inline: #5bc8f9;
20
+ $code-inline-bg: #212c2d;
21
+ $code-block-accent: #5bc8f9;
22
+ $code-block-bg: rgba(33, 34, 40, 1);
23
+ $code-border: #c24a45;
24
+
25
+ $code-inline-light: #343434;
26
+ $code-inline-bg-light: #F8F8F8;
27
+ $code-block-accent-light: #00c2bb;
28
+ $code-block-bg-light: rgba(49, 50, 59, 1);
29
+ $code-border-light: #ACACAC;
30
+
31
+ $notice: #6968A7;
32
+ $notice-bg: rgba(33, 34, 40, 1);
33
+ $notice-light: #d2d2d2;
34
+ $notice-bg-light: #F8F8F8;
35
+
36
+ $message-default: #002d2b;
37
+ $message-light: #F8F8F8;
38
+ $message-black: #282828;
39
+ $message-green: #62bb47;
40
+ $message-yellow: #fcb827;
41
+ $message-orange: #f6821f;
42
+ $message-red: #e03940;
43
+ $message-purple: #953c96;
44
+ $message-blue: #009ddc;
45
+
46
+ $root-font-family: -apple-system, BlinkMacSystemFont, 'Noto Sans', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
47
+ $code-font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
48
+ $root-font-size: 17px;
49
+ $root-line-height: 1.75;
50
+
51
+ $large-breakpoint: 38em;
52
+ $large-font-size: 1.25em;
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: quattle
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.5.4
4
+ version: 1.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Victor Wynne
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-03-27 00:00:00.000000000 Z
11
+ date: 2022-11-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -16,14 +16,14 @@ dependencies:
16
16
  requirements:
17
17
  - - "~>"
18
18
  - !ruby/object:Gem::Version
19
- version: '4.2'
19
+ version: '4.3'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
24
  - - "~>"
25
25
  - !ruby/object:Gem::Version
26
- version: '4.2'
26
+ version: '4.3'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: bundler
29
29
  requirement: !ruby/object:Gem::Requirement