From 6c34270b85db6859adc038f95543606a84acb69e Mon Sep 17 00:00:00 2001 From: Andrew Gioia Date: Tue, 26 Apr 2022 09:47:15 -0400 Subject: [PATCH] Adds media query for slight font size scaling on larger screens, comment spacing improvements --- Userstyles/Hacker News Dark.css | 44 ++++++++++++++++++++++++++------- 1 file changed, 35 insertions(+), 9 deletions(-) diff --git a/Userstyles/Hacker News Dark.css b/Userstyles/Hacker News Dark.css index 588b4bf..f859309 100644 --- a/Userstyles/Hacker News Dark.css +++ b/Userstyles/Hacker News Dark.css @@ -1,3 +1,8 @@ +/* sizing */ +html { + font-size: 15px; +} + /* font family */ body, @@ -32,7 +37,7 @@ b.hnname { } tr#pagespace { - height: 16px !important; + height: 1rem !important; } /* text colors */ @@ -73,20 +78,25 @@ a:visited { /* font size and white space improvements */ td.title { - font-size: 16px; + font-size: 1.1rem; +} + +table.fatitem td { + font-size: 0.9rem; + line-height: 1.3rem; } table.fatitem td.title { - font-size: 20px; + font-size: 1.33rem; } table.fatitem td.subtext { - font-size: 14px; - padding-bottom: 10px; + font-size: 0.9rem; + padding-bottom: 0.67rem; } span.pagetop { - font-size: 15px; + font-size: 1rem; } span.pagetop > a { @@ -94,7 +104,7 @@ span.pagetop > a { } td.subtext { - font-size: 12px; + font-size: 0.8275rem; color: #8b949e; padding-top: 5px; } @@ -104,8 +114,16 @@ tr.spacer { } div.comment { - font-size: 14px; - line-height: 19px; + font-size: 0.9rem; + line-height: 1.3rem; +} + +span.comhead { + font-size: 0.75rem; +} + +span.comhead > a.hnuser { + font-weight: bold; } /* search box and comment box */ @@ -158,4 +176,12 @@ a.nosee .votearrow::after { border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 9px solid #ff6600; +} + +/* larger screens */ + +@media only screen and (min-width: 1440px) { + html { + font-size: 16px; + } } \ No newline at end of file