jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-07-03 14:46:37 -04:00
Code Issues Activity

normalize font sizes

Browse Source
This commit is contained in:
Jake Jarvis
2021-04-03 07:46:13 -04:00
parent dc24d847bf
commit 42355c76ec
117 changed files with 52 additions and 47 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
assets/sass/abstracts/_settings.scss
View File

@ -18,7 +18,7 @@ $font-stack-mono: $webfont-mono, $system-fonts-monospace;
$font-stack-mono-variable: $webfont-mono-variable, $system-fonts-monospace;
// Width at which to switch to mobile styles
$responsive-width: 830px;
$responsive-width: 800px;
// Fancy link underline settings
$link-underline-opacity: 40%;

4
assets/sass/components/_content.scss
View File

@ -1,8 +1,8 @@
@charset "UTF-8";
div#content {
font-size: 0.935em; // ~15px
letter-spacing: -0.008em;
font-size: 0.925em;
letter-spacing: -0.004em;
line-height: 1.7;
h1,

3
assets/sass/components/_global.scss
View File

@ -6,6 +6,9 @@ body {
height: 100%;
margin: 0 auto;
scroll-behavior: smooth;
// global base font size:
font-size: 0.975em;
}
// manually setting light/dark mode backgrounds and bulb icon

18
assets/sass/components/_header.scss
View File

@ -29,9 +29,10 @@ header {
}
h1#name {
margin: 0.95em 0 0.95em 0.725em;
margin: 1.1em 0 1.1em 0.725em;
font-size: 1.35em;
font-weight: 500;
line-height: 1;
letter-spacing: -0.01em;
}
@ -67,12 +68,10 @@ header {
align-items: center;
margin: 0;
padding: 0;
font-size: 1.2em;
letter-spacing: -0.002em;
li {
text-align: right;
margin-left: 1.7em;
margin-left: 2em;
a {
display: inline-block;
@ -83,7 +82,7 @@ header {
}
&:hover {
transform: scale(1.1);
transform: scale(1.15);
@include colors() {
color: c(links);
@ -91,14 +90,15 @@ header {
}
span.icon {
font-size: 1.15em;
font-size: 1.35em;
vertical-align: -0.075em;
}
span.text {
font-size: 0.8em;
font-size: 0.95em;
font-weight: 500;
margin-left: 0.5em;
letter-spacing: -0.002em;
margin-left: 0.55em;
}
}
@ -123,7 +123,7 @@ header {
height: 1.5em;
width: 1em;
margin-left: 1.7em;
margin-left: 2em;
cursor: pointer;
// hidden by default in case user's JS is disabled, switches to `block` onload in dark-mode.js

6
assets/sass/pages/_home.scss
View File

@ -2,7 +2,7 @@
// Home Styles
div.layout-home {
font-size: 1.025em;
font-size: 1em;
padding-top: 1.5em;
padding-bottom: 0.75em;
@ -26,7 +26,7 @@ div.layout-home {
p {
margin: 0.85em 0;
letter-spacing: -0.009em;
line-height: 1.65;
line-height: 1.7;
}
sup {
@ -48,7 +48,7 @@ div.layout-home {
img#me {
float: right;
margin-bottom: 0.6em;
margin-left: 1.6em;
margin-left: 1.2em;
padding: 4px;
width: 160px;
height: 160px;

6
assets/sass/pages/_list.scss
View File

@ -9,7 +9,7 @@ div.layout-list {
font-size: 1.05em;
h2 {
font-size: 2.25em;
font-size: 2em;
letter-spacing: -0.025em;
margin-top: 0;
margin-bottom: 0.4em;
@ -24,7 +24,7 @@ div.layout-list {
li {
display: flex;
letter-spacing: -0.011em;
letter-spacing: -0.008em;
line-height: 1.75;
margin-bottom: 1em;
@ -53,7 +53,7 @@ div.layout-list {
font-size: 1em;
h2 {
font-size: 2em;
font-size: 1.75em;
}
}
}

8
assets/sass/pages/_single.scss
View File

@ -6,7 +6,7 @@ div.layout-single {
padding-bottom: 1em;
div#meta {
font-size: 0.85em;
font-size: 0.875em;
line-height: 1.3;
letter-spacing: 0.04em;
margin-top: 0.8em;
@ -26,12 +26,12 @@ div.layout-single {
h1.title {
margin-top: 0.3em;
margin-bottom: 0.6em;
margin-bottom: 0.5em;
margin-left: -0.03em; // TODO: why is this indented slightly?
font-size: 2.2em;
font-size: 2.1em;
line-height: 1.3;
font-weight: 700;
letter-spacing: -0.005em;
letter-spacing: -0.006em;
a {
color: inherit;

1
assets/sass/pages/_videos.scss
View File

@ -32,7 +32,6 @@ div.layout-video {
video {
width: 100%;
max-width: 975px;
height: auto;
}
}