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

Fiddle with mini/small screens some more
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Pim van Pelt
2024-08-05 21:01:42 +02:00
parent 4aa6f0bf10
commit 0542c1e2d9
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@ -76,7 +76,7 @@ main {
padding: 1em 1em; padding: 1em 1em;
@media #{$mq-mini} { margin: 0 2%; } @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-medium} { margin: 0 17%; }
@media #{$mq-large} { margin: 0 21%; } @media #{$mq-large} { margin: 0 21%; }
@media #{$mq-xlarge} { margin: 0 24%; } @media #{$mq-xlarge} { margin: 0 24%; }
@ -331,7 +331,7 @@ nav li:hover {
flex-flow: row wrap; flex-flow: row wrap;
@media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } @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-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-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; } @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; background-color: #f7f7f7;
@media #{$mq-mini} { margin: 0; width: 100%; font-size: $base-font-size * 0.8; } @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-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-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; } @media #{$mq-xlarge} { margin: 0 24%; width: 52%; font-size: $base-font-size * 1.1; }