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

28
assets/css/simple.css
View file

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