pim/sabbatical.ipng.nl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add defaults so that smaller than mq-mini will still render

Browse Source
This commit is contained in:
Pim van Pelt
2024-09-02 09:50:33 +02:00
parent 6b65d57315
commit c470c45920
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
themes/hugo-theme-ipng/assets/styles.scss
View File

@ -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; }