Hardcode the border-width because Chrome
This commit is contained in:
parent
e4b98ee5d2
commit
885e935f67
|
@ -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 {
|
||||
|
|
|
@ -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);
|
||||
|
|
Loading…
Reference in a new issue