andrew
/
gists
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Adds media query for slight font size scaling on larger screens, comment spacing improvements

This commit is contained in:
Andrew Gioia 2022-04-26 09:47:15 -04:00
parent 21b67a0c7d
commit 6c34270b85
1 changed files with 35 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
Userstyles/Hacker News Dark.css
View File

@ -1,3 +1,8 @@
/* sizing */
html {
font-size: 15px;
}
/* font family */ /* font family */
body, body,
@ -32,7 +37,7 @@ b.hnname {
} }
tr#pagespace { tr#pagespace {
height: 16px !important; height: 1rem !important;
} }
/* text colors */ /* text colors */
@ -73,20 +78,25 @@ a:visited {
/* font size and white space improvements */ /* font size and white space improvements */
td.title { td.title {
font-size: 16px; font-size: 1.1rem;
}
table.fatitem td {
font-size: 0.9rem;
line-height: 1.3rem;
} }
table.fatitem td.title { table.fatitem td.title {
font-size: 20px; font-size: 1.33rem;
} }
table.fatitem td.subtext { table.fatitem td.subtext {
font-size: 14px; font-size: 0.9rem;
padding-bottom: 10px; padding-bottom: 0.67rem;
} }
span.pagetop { span.pagetop {
font-size: 15px; font-size: 1rem;
} }
span.pagetop > a { span.pagetop > a {
@ -94,7 +104,7 @@ span.pagetop > a {
} }
td.subtext { td.subtext {
font-size: 12px; font-size: 0.8275rem;
color: #8b949e; color: #8b949e;
padding-top: 5px; padding-top: 5px;
} }
@ -104,8 +114,16 @@ tr.spacer {
} }
div.comment { div.comment {
font-size: 14px; font-size: 0.9rem;
line-height: 19px; line-height: 1.3rem;
}
span.comhead {
font-size: 0.75rem;
}
span.comhead > a.hnuser {
font-weight: bold;
} }
/* search box and comment box */ /* search box and comment box */
@ -158,4 +176,12 @@ a.nosee .votearrow::after {
border-left: 5px solid transparent; border-left: 5px solid transparent;
border-right: 5px solid transparent; border-right: 5px solid transparent;
border-bottom: 9px solid #ff6600; border-bottom: 9px solid #ff6600;
}
/* larger screens */
@media only screen and (min-width: 1440px) {
html {
font-size: 16px;
}
} }