Skip to content

Commit aaf064b

Browse files
rjzupkoiirjzupkoii
committed
academicpages#137 updated border-color
1 parent 438e61c commit aaf064b

10 files changed

+34
-40
lines changed

‎_sass/_archive.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,7 +32,7 @@
3232
padding-bottom: 0.5em;
3333
font-size: $type-size-5;
3434
color: mix(#fff, $gray, 25%);
35-
border-bottom: 1px solid $border-color;
35+
border-bottom: 1px solid var(--global-border-color);
3636

3737
+ .list__item .archive__item-title {
3838
margin-top: 0.5em;
@@ -159,7 +159,7 @@
159159
.feature__wrapper {
160160
@include clearfix();
161161
margin-bottom: 2em;
162-
border-bottom: 1px solid $border-color;
162+
border-bottom: 1px solid var(--global-border-color);
163163
}
164164

165165
.feature__item {

‎_sass/_base.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -160,7 +160,7 @@ hr {
160160
display: block;
161161
margin: 1em 0;
162162
border: 0;
163-
border-top: 1px solid $border-color;
163+
border-top: 1px solid var(--global-border-color);
164164
}
165165

166166
/* lists */

‎_sass/_masthead.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
.masthead {
66
position: fixed;
77
background: white;
8-
border-bottom: 1px solid $border-color;
8+
border-bottom: 1px solid var(--global-border-color);
99
height: $masthead-height;
1010
top: 0;
1111
width: 100%;

‎_sass/_navigation.scss

Lines changed: 7 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -164,7 +164,7 @@
164164
.page__comments + .pagination {
165165
margin-top: 2em;
166166
padding-top: 2em;
167-
border-top: 1px solid $border-color;
167+
border-top: 1px solid var(--global-border-color);
168168
}
169169

170170

@@ -257,7 +257,7 @@
257257
right: 0;
258258
margin-top: 15px;
259259
padding: 5px;
260-
border: 1px solid $border-color;
260+
border: 1px solid var(--global-border-color);
261261
border-radius: $border-radius;
262262
background: #fff;
263263
box-shadow: 0 0 10px rgba(#000, 0.25);
@@ -281,7 +281,7 @@
281281
width: 0;
282282
border-style: solid;
283283
border-width: 0 10px 10px;
284-
border-color: $border-color transparent;
284+
border-color: var(--global-border-color) transparent;
285285
display: block;
286286
z-index: 0;
287287
}
@@ -301,7 +301,7 @@
301301

302302
li {
303303
display: block;
304-
border-bottom: 1px solid $border-color;
304+
border-bottom: 1px solid var(--global-border-color);
305305

306306
&:last-child {
307307
border-bottom: none;
@@ -363,7 +363,7 @@
363363
font-size: $type-size-6;
364364
font-weight: bold;
365365
text-transform: uppercase;
366-
border-bottom: 1px solid $border-color;
366+
border-bottom: 1px solid var(--global-border-color);
367367
}
368368

369369

@@ -377,7 +377,7 @@
377377
text-transform: uppercase;
378378
letter-spacing: 1px;
379379
background-color: #fff;
380-
border: 1px solid $border-color;
380+
border: 1px solid var(--global-border-color);
381381
border-radius: $border-radius;
382382
box-shadow: $box-shadow;
383383

@@ -404,7 +404,7 @@
404404
font-size: $type-size-7;
405405
font-weight: bold;
406406
line-height: 1.5;
407-
border-bottom: 1px solid $border-color;
407+
border-bottom: 1px solid var(--global-border-color);
408408
text-decoration-line: none !important;
409409

410410
&:hover {

‎_sass/_page.scss

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@
5252

5353
h2 {
5454
padding-bottom: 0.5em;
55-
border-bottom: 1px solid $border-color;
55+
border-bottom: 1px solid var(--global-border-color);
5656
}
5757

5858
p, li, dl {
@@ -198,7 +198,7 @@
198198
.page__share {
199199
margin-top: 2em;
200200
padding-top: 1em;
201-
border-top: 1px solid $border-color;
201+
border-top: 1px solid var(--global-border-color);
202202

203203
@include breakpoint(max-width $small) {
204204
.btn span {
@@ -290,7 +290,7 @@
290290
margin-bottom: 10px;
291291
padding-top: 2rem;
292292
font-size: $type-size-6;
293-
border-top: 1px solid $border-color;
293+
border-top: 1px solid var(--global-border-color);
294294
text-transform: uppercase;
295295
}
296296

@@ -318,7 +318,7 @@
318318
margin: 1em 0;
319319

320320
&:not(:last-child) {
321-
border-bottom: 1px solid $border-color;
321+
border-bottom: 1px solid var(--global-border-color);
322322
}
323323
}
324324

@@ -342,7 +342,7 @@
342342
width: 80px;
343343
height: 80px;
344344
padding: 5px;
345-
border: 1px solid $border-color;
345+
border: 1px solid var(--global-border-color);
346346
}
347347
}
348348

@@ -380,7 +380,7 @@
380380
.page__related {
381381
margin-top: 2em;
382382
padding-top: 1em;
383-
border-top: 1px solid $border-color;
383+
border-top: 1px solid var(--global-border-color);
384384
@include clearfix();
385385
float: left;
386386

‎_sass/_sidebar.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -95,7 +95,7 @@
9595

9696
@include breakpoint($large) {
9797
padding: 5px;
98-
border: 1px solid $border-color;
98+
border: 1px solid var(--global-border-color);
9999
}
100100
}
101101
}
@@ -188,7 +188,7 @@
188188
margin-top: 15px;
189189
padding: 10px;
190190
list-style-type: none;
191-
border: 1px solid $border-color;
191+
border: 1px solid var(--global-border-color);
192192
border-radius: $border-radius;
193193
background: #fff;
194194
z-index: -1;
@@ -214,7 +214,7 @@
214214
width: 0;
215215
border-style: solid;
216216
border-width: 0 10px 10px;
217-
border-color: $border-color transparent;
217+
border-color: var(--global-border-color) transparent;
218218
z-index: 0;
219219

220220
@include breakpoint($large) {

‎_sass/_syntax.scss

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ div.highlighter-rouge, figure.highlight {
66
position: relative;
77
margin-bottom: 1em;
88
padding: 1em;
9-
border: 1px solid $border-color;
9+
border: 1px solid var(--global-border-color);
1010
border-radius: $border-radius;
1111
background-color: $code-background-color;
1212
box-shadow: $box-shadow;

‎_sass/_themes.scss

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,17 @@
22
THEMES
33
========================================================================== */
44

5-
/* Default light theme for the site */
6-
$gray : #7a8288;
7-
$dark-gray : mix(#000, $gray, 40%);
8-
$darker-gray : mix(#000, $gray, 60%);
9-
$light-gray : mix(#fff, $gray, 50%);
10-
$lighter-gray : mix(#fff, $gray, 90%);
5+
/* Color codes used throughout the site */
6+
$gray : #7a8288;
7+
$dark-gray : mix(#000, $gray, 40%);
8+
$darker-gray : mix(#000, $gray, 60%);
9+
$light-gray : mix(#fff, $gray, 50%);
10+
$lighter-gray : mix(#fff, $gray, 90%);
1111

12+
/* Default light theme for the site */
1213
:root {
13-
--global-bg-color: #fff;
14-
--global-text-color: #{$dark-gray};
15-
--global-fig-caption-color: mix(#fff, #{$dark-gray}, 25%);
14+
--global-bg-color : #fff;
15+
--global-border-color : #{$lighter-gray};
16+
--global-fig-caption-color : mix(#fff, #{$dark-gray}, 25%);
17+
--global-text-color : #{$dark-gray};
1618
}

‎_sass/_utilities.scss

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -446,7 +446,7 @@ body:hover .visually-hidden button {
446446
min-height: 0;
447447
z-index: 9999;
448448
background: #fff;
449-
border: 1px solid $border-color;
449+
border: 1px solid var(--global-border-color);
450450
border-radius: $border-radius;
451451
box-shadow: $box-shadow;
452452

@@ -461,7 +461,7 @@ body:hover .visually-hidden button {
461461

462462
&__actions {
463463
padding: 0.5em 1em;
464-
border-top: 1px solid $border-color;
464+
border-top: 1px solid var(--global-border-color);
465465
}
466466
}
467467

‎_sass/_variables.scss

Lines changed: 0 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -55,16 +55,8 @@ $sidebar-link-max-width : 250px;
5555
Colors
5656
========================================================================== */
5757

58-
$gray : #7a8288;
59-
$dark-gray : mix(#000, $gray, 40%);
60-
$darker-gray : mix(#000, $gray, 60%);
61-
$light-gray : mix(#fff, $gray, 50%);
62-
$lighter-gray : mix(#fff, $gray, 90%);
63-
64-
$body-color : #fff;
6558
$code-background-color : #fafafa;
6659
$code-background-color-dark : $light-gray;
67-
$border-color : $lighter-gray;
6860

6961
$primary-color : #7a8288;
7062
$success-color : #62c462;

0 commit comments

Comments
 (0)