n_u/nathanupchurch.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

change how passthrough works

Browse Source
This commit is contained in:
N-Upchurch
2023-08-06 19:52:01 -05:00
parent 2fff7685e8
commit 233e3e6e43
16 changed files with 88 additions and 57 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
public/css/index.css
View File

@ -128,11 +128,16 @@ h1 {
margin-bottom: 0;
}
h3 {
font-size: var(--font-l);
line-height: 1.25;
}
p:last-child {
margin-bottom: 0;
}
p, li {
line-height: 1.75;
line-height: 1.5;
font-size: var(--font-n);
}
@ -333,7 +338,7 @@ nav ul {
border-radius: var(--card-radius);
margin-right: var(--single-gap);
overflow: hidden;
height: 10em;
max-height: 15rem;
}
.postlist-date,
.postlist-item:before {
@ -350,6 +355,7 @@ nav ul {
text-decoration: none;
}
.postlist-link h3 {
font-size: var(--font-l);
margin-bottom: 0;
}
.postlist-item-active .postlist-link {
@ -360,42 +366,12 @@ nav ul {
flex-flow: column wrap;
}
.post-image {
width: 10em;
height: 10em;
width: 15rem;
height: 15rem;
object-fit: cover;
object-position: 50% 50%;
}
@media(max-width: 556px) {
.postlist {
padding-top: 0;
}
.postlist-item {
flex-flow: column wrap;
}
.postlist-link {
padding: 0;
}
.post-copy a h3 {
margin-top: .5em;
}
.post-image {
width: 100%;
height: auto;
}
.post-image-container {
margin-right: 0;
height: 10em;
min-width: 100%;
}
}
@media (prefers-color-scheme: dark) {
.postlist-item {
background-color: var(--card-color);
}
}
/* Tags */
.post-tag, a.post-tag, .taglist li a {
display: inline-flex;
@ -461,17 +437,11 @@ a.post-tag:hover {
font-size: var(--font-n);
}
@media(max-width: 556px) {
.post-metadata {
margin-bottom: var(--single-gap);
}
}
/* Direct Links / Markdown Headers */
.header-anchor {
a.header-anchor {
text-decoration: none;
font-style: normal;
font-size: var(--font-n);
/* font-size: var(--font-n); */
margin-left: .1em;
}
a[href].header-anchor,
@ -491,6 +461,12 @@ h2 + .header-anchor {
font-size: var(--font-l);
}
@media (prefers-color-scheme: dark) {
.postlist-item {
background-color: var(--card-color);
}
}
/* Mobile Styles */
@media(max-width: 556px) {
body {
@ -511,6 +487,30 @@ h2 + .header-anchor {
h3, .post-copy a h3 {
font-size: 1rem;
}
.post-copy a h3 {
margin-top: .5em;
}
.postlist {
padding-top: 0;
}
.postlist-item {
flex-flow: column wrap;
}
.postlist-link {
padding: 0;
}
.post-image {
width: 100%;
height: auto;
}
.post-image-container {
margin-right: 0;
height: 10em;
min-width: 100%;
}
.post-metadata {
margin-bottom: var(--single-gap);
}
header {
padding: 0rem .5rem var(--single-gap) .5rem;
margin-bottom: var(--single-gap);