quattle 1.5.5 → 1.6.0

Sign up to get free protection for your applications and to get access to all the features.
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.5
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-04-12 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