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

Fix page-footer issue, by creating defaults for mq-mini or smaller
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Pim van Pelt
2024-09-02 10:49:45 +02:00
parent 4113615096
commit 2f63fc0ebb
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
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,8 +78,8 @@ main {
padding: 1em 1em;
padding-bottom: 5em;
@media #{$mq-mini} { margin: 0 2%; }
@media #{$mq-small} { 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%; }
@media #{$mq-xlarge} { margin: 0 24%; }
@ -341,7 +341,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; }
@ -367,7 +367,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; }