From 8b950000ad6e6614b9fb82bf3128aeeb92364611 Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Sun, 26 Oct 2025 16:05:11 +0800 Subject: wip: increase font size for mobile. --- _site/assets/css/skeleton.css | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) (limited to '_site/assets/css') diff --git a/_site/assets/css/skeleton.css b/_site/assets/css/skeleton.css index 5ba795c..4153536 100644 --- a/_site/assets/css/skeleton.css +++ b/_site/assets/css/skeleton.css @@ -113,7 +113,7 @@ } -/* Base Styles +/* Typography –––––––––––––––––––––––––––––––––––––––––––––––––– */ /* NOTE html is set to 62.5% so that all the REM measurements throughout Skeleton @@ -125,9 +125,6 @@ body { line-height: 1.4; } - -/* Typography -–––––––––––––––––––––––––––––––––––––––––––––––––– */ h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 2rem; @@ -151,6 +148,20 @@ h6 { font-size: 1.5rem; line-height: 1.6; letter-spacing: 0; } h6 { font-size: 1.5rem; } } +@media (max-width: 768px) { + body { + font-size: 3.0em; + line-height: 1.2; + } + + h1 { font-size: 6.0rem; } + h2 { font-size: 5.0rem; } + h3 { font-size: 4.0rem; } + h4 { font-size: 4.0rem; } + h5 { font-size: 2.4rem; } + h6 { font-size: 1.5rem; } +} + p { margin-top: 0; } -- cgit v1.2.3