Change font size on small screens

This commit is contained in:
Théophile Bastian 2022-02-03 00:06:53 +01:00
parent 4b28fad141
commit 3823bed0f6
3 changed files with 4 additions and 18 deletions

View file

@ -15,6 +15,4 @@ $gallery_autocol: 1000px;
$gallery_autocol_minwidth: 200px; $gallery_autocol_minwidth: 200px;
$gallery_autocol_maxwidth: 350px; $gallery_autocol_maxwidth: 350px;
$font_size_small: 10pt; $font_size: 12pt;
$font_size_med: 11pt;
$font_size_large: 12pt;

View file

@ -20,16 +20,9 @@ html {
body { body {
font-family:Open Sans,Arial; font-family:Open Sans,Arial;
font-size: $font_size_small; font-size: $font_size;
line-height:1.4; line-height:1.4;
@media (min-width: $width_med) {
font-size: $font_size_med;
}
@media (min-width: $width_large) {
font-size: $font_size_large;
}
text-align:justify; text-align:justify;
margin: 0; margin: 0;
padding: 0; padding: 0;

View file

@ -13,7 +13,7 @@ html {
body { body {
font-family: Open Sans,Arial; font-family: Open Sans,Arial;
font-size: 10pt; font-size: 12pt;
line-height: 1.4; line-height: 1.4;
text-align: justify; text-align: justify;
margin: 0; margin: 0;
@ -21,12 +21,7 @@ body {
min-height: 100%; min-height: 100%;
display: flex; display: flex;
flex-direction: column; } flex-direction: column; }
@media (min-width: 650px) {
body {
font-size: 11pt; } }
@media (min-width: 1000px) {
body {
font-size: 12pt; } }
#headbg { #headbg {
background-image: url("../img/headbg.jpg"); background-image: url("../img/headbg.jpg");
/* Full height */ /* Full height */