Change font size on small screens
This commit is contained in:
parent
4b28fad141
commit
3823bed0f6
3 changed files with 4 additions and 18 deletions
|
@ -15,6 +15,4 @@ $gallery_autocol: 1000px;
|
|||
$gallery_autocol_minwidth: 200px;
|
||||
$gallery_autocol_maxwidth: 350px;
|
||||
|
||||
$font_size_small: 10pt;
|
||||
$font_size_med: 11pt;
|
||||
$font_size_large: 12pt;
|
||||
$font_size: 12pt;
|
||||
|
|
|
@ -20,16 +20,9 @@ html {
|
|||
body {
|
||||
font-family:Open Sans,Arial;
|
||||
|
||||
font-size: $font_size_small;
|
||||
font-size: $font_size;
|
||||
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;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
|
|
@ -13,7 +13,7 @@ html {
|
|||
|
||||
body {
|
||||
font-family: Open Sans,Arial;
|
||||
font-size: 10pt;
|
||||
font-size: 12pt;
|
||||
line-height: 1.4;
|
||||
text-align: justify;
|
||||
margin: 0;
|
||||
|
@ -21,12 +21,7 @@ body {
|
|||
min-height: 100%;
|
||||
display: flex;
|
||||
flex-direction: column; }
|
||||
@media (min-width: 650px) {
|
||||
body {
|
||||
font-size: 11pt; } }
|
||||
@media (min-width: 1000px) {
|
||||
body {
|
||||
font-size: 12pt; } }
|
||||
|
||||
#headbg {
|
||||
background-image: url("../img/headbg.jpg");
|
||||
/* Full height */
|
||||
|
|
Loading…
Reference in a new issue