diff --git a/assets/css/nested.css b/assets/css/nested.css index 5458ac7..e6de48b 100644 --- a/assets/css/nested.css +++ b/assets/css/nested.css @@ -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 { diff --git a/assets/css/simple.css b/assets/css/simple.css index 51b5ae4..342c3ec 100644 --- a/assets/css/simple.css +++ b/assets/css/simple.css @@ -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);