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 e39b10949988d31e108a9c709a9e61649b695023..1ff2bf166947f2ef7454ecb4cd13375471de4865 100644 (file)
--- 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;