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 */
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;
}
}