From 0542c1e2d95f4e5b72657be25b19dbfc73ff4432 Mon Sep 17 00:00:00 2001 From: Pim van Pelt Date: Mon, 5 Aug 2024 21:01:42 +0200 Subject: [PATCH] Fiddle with mini/small screens some more --- themes/hugo-theme-ipng/assets/styles.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/themes/hugo-theme-ipng/assets/styles.scss b/themes/hugo-theme-ipng/assets/styles.scss index 3c0eb1b..a8c63e9 100644 --- a/themes/hugo-theme-ipng/assets/styles.scss +++ b/themes/hugo-theme-ipng/assets/styles.scss @@ -76,7 +76,7 @@ main { padding: 1em 1em; @media #{$mq-mini} { margin: 0 2%; } - @media #{$mq-small} { margin: 0 15%; } + @media #{$mq-small} { margin: 0 2%; } @media #{$mq-medium} { margin: 0 17%; } @media #{$mq-large} { margin: 0 21%; } @media #{$mq-xlarge} { margin: 0 24%; } @@ -331,7 +331,7 @@ nav li:hover { flex-flow: row wrap; @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } - @media #{$mq-small} { margin: 0 15%; width: 70%; font-size: $base-font-size * 0.9; } + @media #{$mq-small} { margin: 0 5%; width: 90%; font-size: $base-font-size * 0.9; } @media #{$mq-medium} { margin: 0 17%; width: 66%; font-size: $base-font-size * 1.0; } @media #{$mq-large} { margin: 0 21%; width: 58%; font-size: $base-font-size * 1.0; } @media #{$mq-xlarge} { margin: 0 24%; width: 52%; font-size: $base-font-size * 1.1; } @@ -357,7 +357,7 @@ nav li:hover { background-color: #f7f7f7; @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } - @media #{$mq-small} { margin: 0 15%; width: 70%; font-size: $base-font-size * 0.9; } + @media #{$mq-small} { margin: 0 5%; width: 90%; font-size: $base-font-size * 0.9; } @media #{$mq-medium} { margin: 0 17%; width: 66%; font-size: $base-font-size * 1.0; } @media #{$mq-large} { margin: 0 21%; width: 58%; font-size: $base-font-size * 1.0; } @media #{$mq-xlarge} { margin: 0 24%; width: 52%; font-size: $base-font-size * 1.1; }