Fix the border color

This commit is contained in:
swag 2023-05-20 00:34:02 -04:00
parent cc741b2e2f
commit 347fa00f77

View File

@ -28,7 +28,7 @@ body {
code { code {
background-color: black; background-color: black;
color: white; color: lime;
font-size: 0.75em; /* Why tho?? */ font-size: 0.75em; /* Why tho?? */
} }
@ -46,14 +46,14 @@ pre > code {
.site-title { .site-title {
text-align: center; text-align: center;
border: outset; border: outset var(--light-warm-gray);
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
padding: 0.5em 0; padding: 0.5em 0;
} }
.site-footer { .site-footer {
text-align: center; text-align: center;
border: outset; border: outset var(--light-warm-gray);
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
padding: 0; padding: 0;
margin: 1em 0; margin: 1em 0;
@ -64,13 +64,13 @@ pre > code {
flex-flow: row wrap; flex-flow: row wrap;
justify-content: flex-start; justify-content: flex-start;
gap: 0.25em; gap: 0.25em;
border: outset; border: outset var(--light-warm-gray);
padding: 0.5em 0.25em; padding: 0.5em 0.25em;
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
} }
.site-nav > a { .site-nav > a {
border: outset; border: outset var(--light-blue);
flex: 1; flex: 1;
padding: 0 0.5em 0 0.5em; padding: 0 0.5em 0 0.5em;
background-color: var(--light-blue); background-color: var(--light-blue);
@ -78,14 +78,14 @@ pre > code {
.page-title { .page-title {
text-align: center; text-align: center;
border: inset; border: inset var(--dark-warm-gray);
padding: 0.5em 0; padding: 0.5em 0;
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
} }
.page-body { .page-body {
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
border: outset; border: outset var(--light-warm-gray);
padding: 0.5em 1em; padding: 0.5em 1em;
} }
@ -114,27 +114,27 @@ pre > code {
display: flex; display: flex;
justify-content: flex-start; justify-content: flex-start;
flex-flow: row wrap; flex-flow: row wrap;
border: inset; border: inset var(--dark-warm-gray);
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
padding: 0.5em 0.25em; padding: 0.5em 0.25em;
gap: 0.25em; gap: 0.25em;
} }
.pager__nav > a { .pager__nav > a {
border: outset; border: outset var(--light-blue);
flex: 1; flex: 1;
text-align: center; text-align: center;
background-color: var(--light-blue); background-color: var(--light-blue);
} }
.pager__nav > a[rel="self"] { .pager__nav > a[rel="self"] {
border-style: inset; border: inset var(--dark-blue);
background-color: #696F80; background-color: var(--dark-blue);
} }
.post { .post {
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
border: outset; border: outset var(--light-warm-gray);
} }
.post__title { .post__title {
@ -145,11 +145,11 @@ pre > code {
margin: 0; margin: 0;
padding: 0.25em 0.5em 0.25em 0.75em; padding: 0.25em 0.5em 0.25em 0.75em;
align-items: center; align-items: center;
border: inset; border: inset var(--teal);
} }
.post__id { .post__id {
border: outset; border: outset var(--true-gray);
padding: 0.25em; padding: 0.25em;
background-color: var(--true-gray); background-color: var(--true-gray);
} }
@ -167,12 +167,12 @@ pre > code {
margin: 0; margin: 0;
padding: 0.25em 0.5em 0.25em 0.75em; padding: 0.25em 0.5em 0.25em 0.75em;
align-items: center; align-items: center;
border: inset; border: inset var(--teal);
} }
.post__body { .post__body {
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
border: inset; border: inset var(--dark-warm-gray);
} }
.post__nav { .post__nav {
@ -187,7 +187,7 @@ pre > code {
.post__nav > a { .post__nav > a {
flex: 1 0; flex: 1 0;
text-align: center; text-align: center;
border: outset; border: outset var(--light-blue);
padding: 0.25em 0; padding: 0.25em 0;
white-space: nowrap; white-space: nowrap;
background-color: var(--light-blue); background-color: var(--light-blue);