From 9442ebd2cb345501d184a53260b92e4ede83fd3b Mon Sep 17 00:00:00 2001 From: Michael Tremer Date: Mon, 29 Nov 2021 11:07:09 +0000 Subject: [PATCH] CSS: Adjust media breakpoints Signed-off-by: Michael Tremer --- src/scss/style.scss | 16 +++++++--------- 1 file changed, 7 insertions(+), 9 deletions(-) diff --git a/src/scss/style.scss b/src/scss/style.scss index e39b1094..1ff2bf16 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -62,10 +62,8 @@ body { // Make the wiki slightly narrower &.wiki-ipfire-org { - @include media-breakpoint-up(xl) { - .container { - max-width: 900px; - } + .container { + max-width: 900px; } } } @@ -138,15 +136,15 @@ pre { .icon-large { font-size: 8em; - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { font-size: 6em; } - @include media-breakpoint-up(lg) { + @include media-breakpoint-up(xl) { font-size: 8em; } - @include media-breakpoint-up(xl) { + @include media-breakpoint-up(xxl) { font-size: 10em; } } @@ -185,11 +183,11 @@ footer { section { padding: 3rem 1rem; - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { padding: 5rem 0; } - @include media-breakpoint-up(md) { + @include media-breakpoint-up(lg) { // Reset large headlines to normal size on mobile devices h1 { font-size: $display1-size; -- 2.47.3