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:
parent
1e6ebdbb52
commit
7cb0d9b363
|
@ -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 {
|
||||||
|
|
Loading…
Reference in New Issue