swaggboi/PostText
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Hardcode the border-width because Chrome

Browse source
This commit is contained in:
swagg boi 2023-06-08 16:10:35 -04:00
parent e4b98ee5d2
commit 885e935f67
2 changed files with 24 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
assets/css/nested.css
View file

@ -7,7 +7,7 @@
.pager__title { .pager__title {
text-align: center; text-align: center;
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
padding: 0.5em 0; padding: 0.5em 0;
margin: 1em 0 0 0; margin: 1em 0 0 0;
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
@ -16,7 +16,7 @@
.pager__nav { .pager__nav {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
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;
@ -30,7 +30,7 @@
*/ */
.pager__nav > a { .pager__nav > a {
border: outset var(--light-blue); border: outset var(--light-blue) 0.18rem;
flex: 1; flex: 1;
text-align: center; text-align: center;
background-color: var(--light-blue); background-color: var(--light-blue);
@ -39,14 +39,14 @@
} }
.pager__nav > a[rel="self"] { .pager__nav > a[rel="self"] {
border: inset var(--dark-blue); border: inset var(--dark-blue) 0.18rem;
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
.pager__nav > a:link::first-letter { text-decoration: underline; } .pager__nav > a:link::first-letter { text-decoration: underline; }
.pager__nav > a:active { .pager__nav > a:active {
border: inset var(--dark-blue); border: inset var(--dark-blue) 0.18rem;
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
@ -54,7 +54,7 @@
.post { .post {
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
overflow-wrap: anywhere; overflow-wrap: anywhere;
} }
@ -65,11 +65,11 @@
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 var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
} }
.post__id { .post__id {
border: outset var(--true-gray); border: outset var(--true-gray) 0.18rem;
padding: 0.25em; padding: 0.25em;
background-color: var(--true-gray); background-color: var(--true-gray);
text-decoration: none; text-decoration: none;
@ -79,7 +79,7 @@
.post__id:link::first-letter { text-decoration: underline; } .post__id:link::first-letter { text-decoration: underline; }
.post__id:active { border: inset var(--true-gray); } .post__id:active { border: inset var(--true-gray) 0.18rem; }
.post__date, .post__author, .post__body { .post__date, .post__author, .post__body {
margin: 1em 0.5em; margin: 1em 0.5em;
@ -88,7 +88,7 @@
.post__body { .post__body {
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
} }
.post__nav { .post__nav {

28
assets/css/simple.css
View file

@ -1,7 +1,7 @@
.click { .click {
color: black; color: black;
text-decoration: none; text-decoration: none;
border: outset var(--light-blue); border: outset var(--light-blue) 0.18rem;
background-color: var(--light-blue); background-color: var(--light-blue);
white-space: nowrap; /* Prevent the button from going multi-line */ white-space: nowrap; /* Prevent the button from going multi-line */
} }
@ -9,7 +9,7 @@
.click::first-letter { text-decoration: underline; } .click::first-letter { text-decoration: underline; }
.click:active { .click:active {
border: inset var(--dark-blue); border: inset var(--dark-blue) 0.18rem;
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
@ -21,7 +21,7 @@
.site-title { .site-title {
text-align: center; text-align: center;
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
padding: 0.5em 0; padding: 0.5em 0;
margin-bottom: 0.15em; margin-bottom: 0.15em;
@ -32,7 +32,7 @@
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
gap: 0.25em; gap: 0.25em;
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
padding: 0.5em 0.25em; padding: 0.5em 0.25em;
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
} }
@ -44,7 +44,7 @@
.site-footer { .site-footer {
text-align: center; text-align: center;
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
padding: 0; padding: 0;
margin: 1.25em 0; margin: 1.25em 0;
@ -52,7 +52,7 @@
.page-title { .page-title {
text-align: center; text-align: center;
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
padding: 0.5em 0; padding: 0.5em 0;
margin: 0.85em 0; margin: 0.85em 0;
background-color: var(--dark-warm-gray); background-color: var(--dark-warm-gray);
@ -60,13 +60,13 @@
.page-body { .page-body {
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
padding: 0.5em 1em; padding: 0.5em 1em;
} }
.form-body { .form-body {
background-color: var(--light-warm-gray); background-color: var(--light-warm-gray);
border: outset var(--light-warm-gray); border: outset var(--light-warm-gray) 0.18rem;
padding: 0.5em 1em; padding: 0.5em 1em;
display: flex; display: flex;
flex-flow: column; flex-flow: column;
@ -79,10 +79,10 @@
gap: 0.25em; gap: 0.25em;
} }
.form-field > input { border: inset var(--dark-warm-gray); } .form-field > input { border: inset var(--dark-warm-gray) 0.18rem; }
.form-field > textarea { .form-field > textarea {
border: inset var(--dark-warm-gray); border: inset var(--dark-warm-gray) 0.18rem;
overflow: scroll; overflow: scroll;
resize: vertical; resize: vertical;
} }
@ -97,7 +97,7 @@
.form-checkbox > input { outline: inset var(--dark-warm-gray); } .form-checkbox > input { outline: inset var(--dark-warm-gray); }
.form-button { .form-button {
border: outset var(--light-blue); border: outset var(--light-blue) 0.18rem;
background-color: var(--light-blue); background-color: var(--light-blue);
padding: 0.5em 1.5em; padding: 0.5em 1.5em;
text-align: left; text-align: left;
@ -108,7 +108,7 @@
.form-button::first-letter { text-decoration: underline; } .form-button::first-letter { text-decoration: underline; }
.form-button:active { .form-button:active {
border: inset var(--dark-blue); border: inset var(--dark-blue) 0.18rem;
background-color: var(--dark-blue); background-color: var(--dark-blue);
} }
@ -118,14 +118,14 @@
} }
.stash-with-info { .stash-with-info {
border: dashed var(--highlight-green) 0.5em; border: dashed var(--highlight-green) 0.5rem;
background-clip: padding-box; background-clip: padding-box;
padding: 1em; padding: 1em;
background-color: var(--transparent); background-color: var(--transparent);
} }
.stash-with-error { .stash-with-error {
border: dashed var(--highlight-red) 0.5em; border: dashed var(--highlight-red) 0.5rem;
background-clip: padding-box; background-clip: padding-box;
padding: 1em; padding: 1em;
background-color: var(--transparent); background-color: var(--transparent);