Tweak offline banner style for narrow screens

This commit is contained in:
Gabe Kangas 2023-01-29 17:34:01 -08:00
parent 602f7e849b
commit 10baf36bda
No known key found for this signature in database
GPG key ID: 4345B2060657F330

View file

@ -1,3 +1,5 @@
@import '../../../styles/mixins.scss';
.outerContainer { .outerContainer {
display: flex; display: flex;
justify-content: center; justify-content: center;
@ -15,6 +17,12 @@
font-size: 1.3rem; font-size: 1.3rem;
border: 1px solid lightgray; border: 1px solid lightgray;
font-family: var(--theme-text-display-font-family); font-family: var(--theme-text-display-font-family);
@include screen(tablet) {
font-size: 1.2rem;
padding: 1em;
margin: 1rem auto;
}
} }
.bodyText { .bodyText {