john/runtimeterror
1
0
Fork 0
mirror of https://github.com/jbowdre/runtimeterror.git synced 2024-11-23 23:42:19 +00:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

base: john:61485f9da214fd43caa39926195cdf02e27fe6a3
Branches Tags
john:main
john:drafts
john:preview
...
compare: john:d6957236a6efd858feacdce53a76da1b76b0c6fe
Branches Tags
john:main
john:drafts
john:preview

3 commits
61485f9da2 ... d6957236a6

Author SHA1 Message Date
John Bowdre
d6957236a6 improve tagline handling 2024-06-19 14:20:28 -05:00
John Bowdre
7b238e1dfe improve margins 2024-06-19 14:02:03 -05:00
John Bowdre
64bd8a01a4 Revert "make aside 1rem wider" 
this broke mobile layouts

This reverts commit cf1f5ead85.
 2024-06-19 13:25:21 -05:00
2 changed files with 26 additions and 6 deletions
Show stats Expand all files Collapse all files

2
layouts/partials/tagline.html
View file

@ -11,4 +11,4 @@
}
window.addEventListener("pageshow", getTagline);
</script>
<div style="height: 3.5rem;"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div>
<div id="tagline_container"><i id="tagline" data-typo-chance="2" data-typing-delay="40" data-typing-jitter="20"></i></div>

30
static/css/custom.css
View file

@ -14,10 +14,17 @@
url('https://cdn.runtimeterror.dev/fonts/BerkeleyMono-Regular.woff2') format('woff2'),
}
/* override page max-width */
/* minor layout tweaks */
.page {
max-width: 72rem;
grid-template-columns: minmax(0, 1fr) 16rem;
}
.page__body {
margin: 1rem;
}
.page__aside {
margin: 0 1rem 0 0;
}
@ -246,11 +253,15 @@ input {
background-color: var(--off-bg);
color: var(--off-fg);
height: 1.5rem;
border-radius: 0.25rem;
border-radius: 0.25rem 0 0 0.25rem;
padding-left: 0.5rem;
font-family: var(--font-monospace);
}
form {
width:auto;
}
input:focus {
outline: none;
}
@ -357,11 +368,20 @@ p:has(+ ul) {
margin-bottom: 0;
}
/* tagline cursor animation */
/* tagline tweaks */
#tagline_container {
height: 3rem;
}
#tagline {
font-size: 0.8rem;
line-height: 0.8rem;
}
#tagline::after {
content: "";
width: 0.5rem;
height: 1.2rem;
height: 1rem;
background: var(--muted);
display: inline-block;
margin-left: 0.2rem;