diff --git a/themes/hugo-theme-ipng/assets/styles.scss b/themes/hugo-theme-ipng/assets/styles.scss index d78f1cb..d83ce4f 100644 --- a/themes/hugo-theme-ipng/assets/styles.scss +++ b/themes/hugo-theme-ipng/assets/styles.scss @@ -63,7 +63,7 @@ body { line-height: $base-line-height * 1.0; font-family: BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - @media #{$mq-mini} { font-size: $base-font-size * 0.8; } + /* mq-mini or smaller: */ font-size: $base-font-size * 0.8; @media #{$mq-small} { font-size: $base-font-size * 0.9; } @media #{$mq-medium} { font-size: $base-font-size * 1.0; } @media #{$mq-large} { font-size: $base-font-size * 1.0; } @@ -78,7 +78,7 @@ main { padding: 1em 1em; padding-bottom: 5em; - @media #{$mq-mini} { margin: 0 2%; } + /* mq-mini or smaller: */ margin: 0 2%; @media #{$mq-small} { margin: 0 5%; } @media #{$mq-medium} { margin: 0 17%; } @media #{$mq-large} { margin: 0 21%; } @@ -338,7 +338,7 @@ nav li:hover { display: flex; flex-flow: row wrap; - @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } + /* mq-mini or smaller: */ margin: 0; width: 100%; font-size: $base-font-size * 0.8; @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; } @@ -363,7 +363,7 @@ nav li:hover { color: $text-light; background-color: #f7f7f7; - @media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } + /* mq-mini or smaller: */ margin: 0; width: 100%; font-size: $base-font-size * 0.8; @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; }