Skip to content

Commit 74c9248

Browse files
philwarehamphilwareham
committed
Save a few bytes
1 parent 915c291 commit 74c9248

15 files changed

+106
-106
lines changed

‎src/assets/sass/designpatterns.scss‎

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -39,14 +39,14 @@ main {
3939

4040
$colors: (
4141
"text": var(--color-text),
42-
"text-visual-de-emphasis": var(--color-text-visual-de-emphasis),
42+
"text-visual-de-emphasis": var(--color-text-secondary),
4343
"grad-from": var(--color-grad-from),
4444
"grad-to": var(--color-grad-to),
45-
"border": var(--color-border),
46-
"border-light": var(--color-border-light),
47-
"border-extra-light": var(--color-border-extra-light),
48-
"border-dark": var(--color-border-dark),
49-
"border-extra-dark": var(--color-border-extra-dark),
45+
"border": var(--color-brdr),
46+
"border-light": var(--color-brdr-light),
47+
"border-extra-light": var(--color-brdr-extra-light),
48+
"border-dark": var(--color-brdr-dark),
49+
"border-extra-dark": var(--color-brdr-extra-dark),
5050
"link": var(--color-link),
5151
"link-hover": var(--color-link-hover),
5252
"link-focus": var(--color-link-focus),
@@ -72,7 +72,7 @@ $colors: (
7272
display: block;
7373
height: 2.375em; // 38px / 16px
7474
margin: 1em 0;
75-
border: 1px solid var(--color-border);
75+
border: 1px solid var(--color-brdr);
7676
}
7777

7878
@each $name, $color in $colors {
@@ -179,7 +179,7 @@ $colors: (
179179
padding: 0.5em 2%;
180180
overflow-x: hidden;
181181
overflow-y: auto;
182-
border-right: 1px solid var(--color-border);
182+
border-right: 1px solid var(--color-brdr);
183183
background-color: var(--color-bkgd-box);
184184
box-shadow: inset -0.25em 0 0.25em -0.25em rgba(0, 0, 0, 0.2);
185185
}
@@ -197,6 +197,6 @@ $colors: (
197197

198198
@media (prefers-color-scheme: dark) and (min-width: setup.$breakpoint-3) {
199199
.docs-menu {
200-
border-right-color: var(--color-border-extra-dark);
200+
border-right-color: var(--color-brdr-extra-dark);
201201
}
202202
}

‎src/assets/sass/modules/_cards.scss‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -29,7 +29,7 @@
2929
flex: 1 0 0%;
3030
flex-direction: column;
3131
margin: 0.5em 0 1.5em;
32-
border: 1px solid var(--color-border-light);
32+
border: 1px solid var(--color-brdr-light);
3333
word-wrap: break-word;
3434

3535
.alert-pill {
@@ -69,10 +69,10 @@
6969
}
7070

7171
.card-header {
72-
border-bottom: 1px solid var(--color-border-light);
72+
border-bottom: 1px solid var(--color-brdr-light);
7373
}
7474

7575
.card-footer {
76-
border-top: 1px solid var(--color-border-light);
76+
border-top: 1px solid var(--color-brdr-light);
7777
}
7878

‎src/assets/sass/modules/_code-highlighting.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ pre.line-numbers > code {
116116
top: 0;
117117
left: -3.8em;
118118
width: 3em; // Works for line-numbers below 1000 lines
119-
border-right: 1px solid var(--color-border-light);
119+
border-right: 1px solid var(--color-brdr-light);
120120
font-size: 1em;
121121
letter-spacing: -1px;
122122
pointer-events: none;

‎src/assets/sass/modules/_embedded-content.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ img {
7979
*/
8080

8181
.img--bordered {
82-
border: 1px solid var(--color-border-light);
82+
border: 1px solid var(--color-brdr-light);
8383
}
8484

8585
/**

‎src/assets/sass/modules/_forms.scss‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ fieldset {
1212
min-width: 0; /* 1 */
1313
margin: 1em 0; /* 2 */
1414
padding: 1px 1em; /* 2 */
15-
border: 1px solid var(--color-border); /* 2 */
15+
border: 1px solid var(--color-brdr); /* 2 */
1616
}
1717

1818
/**
@@ -105,13 +105,13 @@ select,
105105
textarea {
106106
height: 2em; // 32px / 16px
107107
padding: 0.25em 0.1875em; // 8px / 16px + 3px / 16px
108-
border: 1px solid var(--color-border);
108+
border: 1px solid var(--color-brdr);
109109
border-radius: 0;
110110
background: var(--color-bkgd-form);
111111
appearance: none; /* 1 */
112112

113113
&:hover {
114-
border-color: var(--color-border-extra-dark);
114+
border-color: var(--color-brdr-extra-dark);
115115
}
116116

117117
&:focus {
@@ -137,10 +137,10 @@ textarea {
137137
[type="week"],
138138
select,
139139
textarea {
140-
border-color: var(--color-border-extra-dark);
140+
border-color: var(--color-brdr-extra-dark);
141141

142142
&:hover {
143-
border-color: var(--color-border-extra-light);
143+
border-color: var(--color-brdr-extra-light);
144144
}
145145

146146
&:focus {
@@ -162,7 +162,7 @@ textarea {
162162
width: 16px;
163163
height: 16px;
164164
padding: 0; /* 1 */
165-
border: 1px solid var(--color-border-extra-dark);
165+
border: 1px solid var(--color-brdr-extra-dark);
166166
background: var(--color-bkgd-form);
167167
appearance: none;
168168

@@ -197,15 +197,15 @@ textarea {
197197
[type="checkbox"],
198198
[type="radio"] {
199199
&:hover {
200-
border-color: var(--color-border-extra-light);
200+
border-color: var(--color-brdr-extra-light);
201201
}
202202
}
203203
}
204204

205205
[type="checkbox"] {
206206
&:checked {
207207
border: 0;
208-
background: var(--color-text-visual-de-emphasis) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
208+
background: var(--color-text-secondary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13 2.5l-7 7-2-2-2 2 4 4L15 4.5z'/%3E%3C/svg%3E");
209209

210210
&:hover,
211211
&:active {
@@ -247,7 +247,7 @@ textarea {
247247
border-radius: 100%;
248248

249249
&:checked {
250-
border: 5px solid var(--color-text-visual-de-emphasis);
250+
border: 5px solid var(--color-text-secondary);
251251

252252
&:hover,
253253
&:active {
@@ -367,7 +367,7 @@ textarea {
367367
[disabled] option,
368368
[disabled] optgroup,
369369
span.disabled {
370-
border: 1px solid var(--color-border) !important;
370+
border: 1px solid var(--color-brdr) !important;
371371
opacity: 0.33 !important;
372372
background-color: var(--color-bkgd-form-disabled) !important;
373373
box-shadow: none !important;
@@ -446,7 +446,7 @@ textarea {
446446

447447
::placeholder {
448448
opacity: 1;
449-
color: var(--color-text-form-placeholder);
449+
color: var(--color-text-placeholder);
450450
font: inherit; /* 1 */
451451
}
452452

‎src/assets/sass/modules/_layout.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -116,7 +116,7 @@ noscript {
116116

117117
@include setup.dark-mode {
118118
#dynamic-header {
119-
border-bottom-color: var(--color-border-extra-dark);
119+
border-bottom-color: var(--color-brdr-extra-dark);
120120
}
121121
}
122122

@@ -139,7 +139,7 @@ noscript {
139139

140140
@include setup.dark-mode {
141141
.wrapper-footer {
142-
border-top-color: var(--color-border-extra-dark);
142+
border-top-color: var(--color-brdr-extra-dark);
143143
}
144144
}
145145

@@ -348,15 +348,15 @@ main .layout-4col-3span {
348348

349349
.teaser {
350350
margin-bottom: 1.5em;
351-
border-top: 2px dashed var(--color-border);
351+
border-top: 2px dashed var(--color-brdr);
352352

353353
&:first-child {
354354
border-top: 0;
355355
}
356356
}
357357

358358
.teaser-container {
359-
border-top: 2px dashed var(--color-border);
359+
border-top: 2px dashed var(--color-brdr);
360360
}
361361

362362
/**
@@ -541,7 +541,7 @@ main .layout-4col-3span {
541541
margin: 1.5em auto;
542542

543543
img {
544-
border: 1px solid var(--color-border);
544+
border: 1px solid var(--color-brdr);
545545
box-shadow: 0 0.2em 0.5em hsla(0, 0%, 20%, 0.4);
546546
}
547547

@@ -587,7 +587,7 @@ main .layout-4col-3span {
587587

588588
@include setup.dark-mode {
589589
.showcases img {
590-
border-color: var(--color-border-extra-dark);
590+
border-color: var(--color-brdr-extra-dark);
591591
box-shadow: 0 0.2em 0.5em hsla(0, 0%, 0%, 0.5);
592592
}
593593

@@ -631,7 +631,7 @@ main .layout-4col-3span {
631631

632632
.footnotes {
633633
margin: 2em 0; // 18px / 12px
634-
border-top: 1px dashed var(--color-border);
634+
border-top: 1px dashed var(--color-brdr);
635635
}
636636

637637
/**

‎src/assets/sass/modules/_links.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ h6 {
7979

8080
.a--img {
8181
img {
82-
border: solid 1px var(--color-border);
82+
border: solid 1px var(--color-brdr);
8383
}
8484

8585
&:hover img {

‎src/assets/sass/modules/_lists.scss‎

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -56,14 +56,14 @@ li::marker {
5656

5757
dl {
5858
padding-bottom: 1em;
59-
border-bottom: 1px solid var(--color-border-light);
59+
border-bottom: 1px solid var(--color-brdr-light);
6060
}
6161

6262
dt {
6363
margin-top: 1em;
6464
margin-bottom: 1em;
6565
padding-top: 1em;
66-
border-top: 1px solid var(--color-border-light);
66+
border-top: 1px solid var(--color-brdr-light);
6767
color: var(--color-heading);
6868
font-weight: bolder;
6969

@@ -136,7 +136,7 @@ dd {
136136
bottom: 0.75em;
137137
left: 0.5em;
138138
height: 100%;
139-
border-left: 1px solid var(--color-border-extra-dark);
139+
border-left: 1px solid var(--color-brdr-extra-dark);
140140
}
141141
}
142142

@@ -150,8 +150,8 @@ dd {
150150
left: -1.25em;
151151
width: 0.75em;
152152
height: 0.75em;
153-
border-bottom: 1px solid var(--color-border-extra-dark);
154-
border-left: 1px solid var(--color-border-extra-dark);
153+
border-bottom: 1px solid var(--color-brdr-extra-dark);
154+
border-left: 1px solid var(--color-brdr-extra-dark);
155155
}
156156
}
157157

@@ -185,11 +185,11 @@ dd {
185185
.list--files {
186186
ol::after,
187187
ul::after {
188-
border-color: var(--color-border);
188+
border-color: var(--color-brdr);
189189
}
190190

191191
li::after {
192-
border-color: var(--color-border);
192+
border-color: var(--color-brdr);
193193
}
194194

195195
.directory::before,

‎src/assets/sass/modules/_navigation.scss‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@
2424
}
2525

2626
li {
27-
border-top: 1px solid var(--color-border);
27+
border-top: 1px solid var(--color-brdr);
2828

2929
&:first-child {
3030
border-top: 2px solid var(--color-text);
@@ -84,10 +84,10 @@
8484
}
8585

8686
li {
87-
border-top-color: var(--color-border-light);
87+
border-top-color: var(--color-brdr-light);
8888

8989
&:first-child {
90-
border-top-color: var(--color-border-extra-dark);
90+
border-top-color: var(--color-brdr-extra-dark);
9191
}
9292
}
9393
}
@@ -128,7 +128,7 @@
128128
}
129129

130130
&:hover {
131-
border-color: var(--color-border-extra-dark);
131+
border-color: var(--color-brdr-extra-dark);
132132
}
133133

134134
&:focus {
@@ -142,7 +142,7 @@
142142
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ced4da' d='M4 6h24v4H4zm0 8h24v4H4zm0 8h24v4H4z'/%3E%3C/svg%3E");
143143

144144
&:hover {
145-
border-color: var(--color-border-extra-light);
145+
border-color: var(--color-brdr-extra-light);
146146
}
147147

148148
&.site-navigation-toggle-active {

‎src/assets/sass/modules/_pagination.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -16,7 +16,7 @@
1616
.paginator {
1717
margin: 1.5em 0 1em;
1818
padding-top: 1em;
19-
border-top: 2px dashed var(--color-border);
19+
border-top: 2px dashed var(--color-brdr);
2020

2121
a,
2222
b {

0 commit comments

Comments
 (0)