jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-21 08:01:16 -04:00
Code Issues Activity

weird CSS tweaks for mobile font rendering

Browse Source
This commit is contained in:
Jake Jarvis
2019-01-22 13:49:59 -05:00
parent 03dac6e157
commit 3790292183
1 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
static/style.css
View File

@@ -227,22 +227,25 @@ div#home {
div#home img#me { div#home img#me {
float: right; float: right;
margin: 0 0 12px 12px; margin: 0 0 6px 12px;
padding: 4px; padding: 4px;
border: 1px solid #dddddd; border: 1px solid #dddddd;
width: 140px; width: 135px;
height: 140px; height: 135px;
} }
div#home h1 { div#home h1 {
margin: 0 0 20px 0; margin: 0 0 20px 0;
font-size: 1.5em; font-size: 1.5em;
line-height: 1; line-height: 1em;
letter-spacing: -0.01em;
} }
div#home h2 { div#home h2 {
margin: 20px 0; margin: 20px 0;
font-size: 1.2em; font-size: 1.2em;
line-height: 1.4em;
letter-spacing: -0.01em;
} }
div#home p { div#home p {
@@ -261,23 +264,27 @@ div#home sup {
} }
div#home img#me { div#home img#me {
width: 75px; width: 70px;
height: 75px; height: 70px;
padding: 2px; padding: 2px;
margin: 0 0 6px 6px;
} }
div#home h1 { div#home h1 {
font-size: 1.35em; font-size: 1.5em;
margin: 0 0 12px 0;
} }
div#home h2 { div#home h2 {
font-size: 1.1em; margin: 12px 0;
font-size: 1.2em;
line-height: 1.4em; line-height: 1.4em;
} }
div#home p { div#home p {
font-size: 1.1em; font-size: 1.1em;
line-height: 1.5em; line-height: 1.5em;
margin: 12px 0;
} }
div#home span#wave { div#home span#wave {
@@ -294,7 +301,11 @@ div#home sup {
} }
div#home div#footer div#info { div#home div#footer div#info {
font-size: 0.6em !important; font-size: 0.7em !important;
}
div#home div#footer div#blog {
font-size: 0.9em !important;
} }
div#home div#footer div#info span#copyright::after { div#home div#footer div#info span#copyright::after {
@@ -581,12 +592,12 @@ div#home div#footer div#panda span {
div#home div#footer div#info { div#home div#footer div#info {
width: 40%; width: 40%;
font-size: 0.5em; font-size: 0.5em;
color: #999999; color: #777777;
text-align: right; text-align: right;
} }
div#home div#footer div#info a { div#home div#footer div#info a {
color: #999999; color: #777777;
} }
div#home div#footer div#info a#source { div#home div#footer div#info a#source {