Fix issue with .page__body outline on Firefox

CSS outline has issues with Firefox in several situations involving child elements with negative margins. Changing to box-shadow fixes this. Tested on Chrome and Firefox.
This commit is contained in:
mntn 2021-07-31 21:00:17 -04:00 committed by GitHub
parent 1e6ebdbb52
commit 7cb0d9b363
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 1 additions and 1 deletions

View File

@ -42,7 +42,7 @@
.page__body { .page__body {
grid-area: body; grid-area: body;
background-color: var(--bg); background-color: var(--bg);
outline: 1rem solid var(--bg); box-shadow: 0 0 0 1rem var(--bg);
} }
.page__aside { .page__aside {