Skip to content

Commit

Permalink
#137 updated border-color
Browse files Browse the repository at this point in the history
  • Loading branch information
@rjzupkoii
rjzupkoii committed Feb 1, 2025
1 parent 438e61c commit aaf064b
Show file tree
Hide file tree
Showing 10 changed files with 34 additions and 40 deletions.
4 changes: 2 additions & 2 deletions _sass/_archive.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -32,7 +32,7 @@
padding-bottom: 0.5em;
font-size: $type-size-5;
color: mix(#fff, $gray, 25%);
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);

+ .list__item .archive__item-title {
margin-top: 0.5em;
Expand Down Expand Up @@ -159,7 +159,7 @@
.feature__wrapper {
@include clearfix();
margin-bottom: 2em;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);
}

.feature__item {
Expand Down
2 changes: 1 addition & 1 deletion _sass/_base.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -160,7 +160,7 @@ hr {
display: block;
margin: 1em 0;
border: 0;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);
}

/* lists */
Expand Down
2 changes: 1 addition & 1 deletion _sass/_masthead.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@
.masthead {
position: fixed;
background: white;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);
height: $masthead-height;
top: 0;
width: 100%;
Expand Down
14 changes: 7 additions & 7 deletions _sass/_navigation.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -164,7 +164,7 @@
.page__comments + .pagination {
margin-top: 2em;
padding-top: 2em;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);
}


Expand Down Expand Up @@ -257,7 +257,7 @@
right: 0;
margin-top: 15px;
padding: 5px;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
border-radius: $border-radius;
background: #fff;
box-shadow: 0 0 10px rgba(#000, 0.25);
Expand All @@ -281,7 +281,7 @@
width: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: $border-color transparent;
border-color: var(--global-border-color) transparent;
display: block;
z-index: 0;
}
Expand All @@ -301,7 +301,7 @@

li {
display: block;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);

&:last-child {
border-bottom: none;
Expand Down Expand Up @@ -363,7 +363,7 @@
font-size: $type-size-6;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);
}


Expand All @@ -377,7 +377,7 @@
text-transform: uppercase;
letter-spacing: 1px;
background-color: #fff;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
border-radius: $border-radius;
box-shadow: $box-shadow;

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

&:hover {
Expand Down
12 changes: 6 additions & 6 deletions _sass/_page.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,7 +52,7 @@

h2 {
padding-bottom: 0.5em;
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);
}

p, li, dl {
Expand Down Expand Up @@ -198,7 +198,7 @@
.page__share {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);

@include breakpoint(max-width $small) {
.btn span {
Expand Down Expand Up @@ -290,7 +290,7 @@
margin-bottom: 10px;
padding-top: 2rem;
font-size: $type-size-6;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);
text-transform: uppercase;
}

Expand Down Expand Up @@ -318,7 +318,7 @@
margin: 1em 0;

&:not(:last-child) {
border-bottom: 1px solid $border-color;
border-bottom: 1px solid var(--global-border-color);
}
}

Expand All @@ -342,7 +342,7 @@
width: 80px;
height: 80px;
padding: 5px;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
}
}

Expand Down Expand Up @@ -380,7 +380,7 @@
.page__related {
margin-top: 2em;
padding-top: 1em;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);
@include clearfix();
float: left;

Expand Down
6 changes: 3 additions & 3 deletions _sass/_sidebar.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -95,7 +95,7 @@

@include breakpoint($large) {
padding: 5px;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
}
}
}
Expand Down Expand Up @@ -188,7 +188,7 @@
margin-top: 15px;
padding: 10px;
list-style-type: none;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
border-radius: $border-radius;
background: #fff;
z-index: -1;
Expand All @@ -214,7 +214,7 @@
width: 0;
border-style: solid;
border-width: 0 10px 10px;
border-color: $border-color transparent;
border-color: var(--global-border-color) transparent;
z-index: 0;

@include breakpoint($large) {
Expand Down
2 changes: 1 addition & 1 deletion _sass/_syntax.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@ div.highlighter-rouge, figure.highlight {
position: relative;
margin-bottom: 1em;
padding: 1em;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
border-radius: $border-radius;
background-color: $code-background-color;
box-shadow: $box-shadow;
Expand Down
20 changes: 11 additions & 9 deletions _sass/_themes.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,17 @@
THEMES
========================================================================== */

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

/* Default light theme for the site */
:root {
--global-bg-color: #fff;
--global-text-color: #{$dark-gray};
--global-fig-caption-color: mix(#fff, #{$dark-gray}, 25%);
--global-bg-color : #fff;
--global-border-color : #{$lighter-gray};
--global-fig-caption-color : mix(#fff, #{$dark-gray}, 25%);
--global-text-color : #{$dark-gray};
}
4 changes: 2 additions & 2 deletions _sass/_utilities.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -446,7 +446,7 @@ body:hover .visually-hidden button {
min-height: 0;
z-index: 9999;
background: #fff;
border: 1px solid $border-color;
border: 1px solid var(--global-border-color);
border-radius: $border-radius;
box-shadow: $box-shadow;

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

&__actions {
padding: 0.5em 1em;
border-top: 1px solid $border-color;
border-top: 1px solid var(--global-border-color);
}
}

Expand Down
8 changes: 0 additions & 8 deletions _sass/_variables.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -55,16 +55,8 @@ $sidebar-link-max-width : 250px;
Colors
========================================================================== */

$gray : #7a8288;
$dark-gray : mix(#000, $gray, 40%);
$darker-gray : mix(#000, $gray, 60%);
$light-gray : mix(#fff, $gray, 50%);
$lighter-gray : mix(#fff, $gray, 90%);

$body-color : #fff;
$code-background-color : #fafafa;
$code-background-color-dark : $light-gray;
$border-color : $lighter-gray;

$primary-color : #7a8288;
$success-color : #62c462;
Expand Down

0 comments on commit aaf064b

Please sign in to comment.