1
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-11-17 22:20:50 -05:00

tidy up homepage font size/spacing

This commit is contained in:
2020-05-07 09:41:14 -04:00
parent 323b3dd9f6
commit 705e800881
6 changed files with 54 additions and 50 deletions

View File

@@ -16,9 +16,10 @@ div#content {
h2 {
padding-bottom: 0.25em;
border-bottom: 1px solid;
@include themed() {
border-bottom: 1px solid t(color-kinda-light);
border-color: t(color-kinda-light);
}
}

View File

@@ -5,12 +5,13 @@ footer {
width: 100%;
letter-spacing: -0.005em;
line-height: 1.7;
padding: 1.25em 1.75em;
padding: 1.25em 1.5em;
box-sizing: border-box;
border-top: 1px solid;
@include themed() {
color: t(color-medium);
border-top: 1px solid t(color-kinda-light);
border-color: t(color-kinda-light);
background-color: t(color-super-duper-light);
}
@@ -45,9 +46,10 @@ footer {
a#source {
padding-bottom: 2px;
border-bottom: 1px solid;
@include themed() {
border-bottom: 1px solid t(color-light);
border-color: t(color-light);
}
}
}

View File

@@ -54,9 +54,10 @@ strong {
blockquote {
margin-left: 0.5em;
padding-left: 1em;
border-left: 5px solid;
@include themed() {
border-left: 5px solid t(color-links);
border-color: t(color-links);
}
}
@@ -98,13 +99,14 @@ code {
font-size: 0.95em;
letter-spacing: 0;
page-break-inside: avoid;
border: 1px solid;
// inline code in paragraphs (single tildes)
padding: 0.2em;
@include themed() {
background-color: t(color-super-duper-light);
border: 1px solid t(color-light);
border-color: t(color-light);
}
}
@@ -115,10 +117,12 @@ div.highlight {
overflow-x: scroll;
object-fit: scale-down;
margin: 1em 0;
border: 1px solid;
border-left: 3px solid;
@include themed() {
border: 1px solid t(color-light);
border-left: 3px solid t(color-links);
border-color: t(color-light);
border-left-color: t(color-links);
background-color: t(color-super-duper-light);
}

View File

@@ -3,11 +3,12 @@
// Global Header Styles
header {
width: 100%;
padding: 0 1.7em;
padding: 0 1.5em;
box-sizing: border-box;
border-bottom: 1px solid;
@include themed() {
border-bottom: 1px solid t(color-kinda-light);
border-color: t(color-kinda-light);
background-color: t(color-super-duper-light);
}