From: Michael Tremer <michael.tremer@ipfire.org>
Date: Mon, 29 Nov 2021 11:07:09 +0000 (+0000)
Subject: CSS: Adjust media breakpoints
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=9442ebd2cb345501d184a53260b92e4ede83fd3b;p=ipfire.org.git

CSS: Adjust media breakpoints

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---

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;