nakamochi
/
website
Archived
2
0
Fork 0
Code Issues

style: reduce font size on smaller mobile devices for readability

Browse Source 
according to some feedback, smaller fonts fit more words on a line and
makes the text more readable.
master
alex 2 years ago
parent 540af1409c
commit 9771093dcc
1 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File

4
sass/_picostyle.scss
Unescape Escape View File

@ -8,13 +8,13 @@
// "Segoe UI Symbol", "Noto Color Emoji"; // "Segoe UI Symbol", "Noto Color Emoji";
--line-height: 1.5; --line-height: 1.5;
--font-weight: 400; --font-weight: 400;
--font-size: 20px; --font-size: 16px;
// responsive typography // responsive typography
@if $enable-responsive-typography { @if $enable-responsive-typography {
@if map-get($breakpoints, "sm") { @if map-get($breakpoints, "sm") {
@media (min-width: map-get($breakpoints, "sm")) { @media (min-width: map-get($breakpoints, "sm")) {
--font-size: 20px; --font-size: 18px;
} }
} }
@if map-get($breakpoints, "md") { @if map-get($breakpoints, "md") {