jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-09-15 04:05:32 -04:00
Code Issues Activity

not messing with the base font size sure fixes a ton of problems....

Browse Source
This commit is contained in:
Jake Jarvis
2021-12-31 19:51:29 -05:00
parent a6499fd5bb
commit 854b9da5e2
19 changed files with 66 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
components/home/Home.module.scss
View File

@@ -1,13 +1,13 @@
.home {
h1 {
margin: 0 0 0.3em -0.03em; // TODO: why is this indented slightly?
margin: 0 0 0.5em -0.03em; // TODO: why is this indented slightly?
font-size: 1.8em;
font-weight: 500;
letter-spacing: -0.014em;
letter-spacing: -0.01em;
.wave {
display: inline-block;
margin-left: 2px;
margin-left: 0.1em;
animation: wave 5s infinite;
animation-delay: 1s;
transform-origin: 65% 80%;
@@ -19,13 +19,13 @@
margin: 0.5em 0 0.5em -0.03em; // TODO: why is this indented slightly?
font-size: 1.35em;
font-weight: 400;
letter-spacing: -0.022em;
letter-spacing: -0.016em;
line-height: 1.4;
}
p {
margin: 0.85em 0;
letter-spacing: -0.009em;
letter-spacing: -0.004em;
line-height: 1.7;
&:last-of-type {
@@ -55,17 +55,19 @@
}
}
@media screen and (max-width: 800px) {
@media screen and (max-width: 768px) {
.home {
font-size: 0.975em;
h1 {
font-size: 1.6em;
font-size: 1.5em;
}
h2 {
font-size: 1.2em;
}
p {
font-size: 0.925em;
}
}
}