eryn/erynwells.me
1
0
Fork 0
Code Issues 8 Pull requests 1 Projects Releases Packages Activity Actions

Fix styling of blog, photos, term, ruby

Browse source 
So many fixes!
This commit is contained in:
Eryn Wells 2023-09-26 09:37:04 -07:00
parent b7070ccfd5
commit a9cfddec80
21 changed files with 212 additions and 149 deletions
Download patch file Download diff file Expand all files Collapse all files

9
assets/styles/blog/050_content.css
View file

@ -1,11 +1,12 @@
/* Eryn Wells <eryn@erynwells.me> */
a:has(> img) {
:has(> img) {
grid-column: content-start / content-end;
line-height: 0;
}
@media (max-width: 639px) {
a:has(> img) {
:has(> img) {
grid-column: gutter-start / gutter-end;
}
}
@ -14,6 +15,6 @@ main {
gap: var(--body-item-spacing) 0;
}
main > article > :not(:last-child) {
margin-block-end: var(--body-item-spacing);
article > :is(h1, h2, h3, h4, h5, h6) {
grid-column: content-start / content-end;
}

70
assets/styles/blog/050_list.css
View file

@ -1,70 +0,0 @@
@layer section {
.blog.list {
gap: 8rem 0;
}
.blog.list > h1.date {
grid-column: content-start / content-end;
}
.blog.list > .post {
grid-column: wide-content-start / wide-content-end;
}
@supports (grid-template-columns: subgrid) {
.blog.list > .post {
--body-item-spacing: 2rem;
display: grid;
grid-template-columns: subgrid;
gap: var(--body-item-spacing) 0;
}
}
.post header {
grid-column: wide-content-start / content-end;
}
@supports (grid-template-columns: subgrid) {
.post header {
display: grid;
grid-template-columns: subgrid;
}
}
.post time {
font-variant-numeric: tabular-nums;
grid-column: wide-content-start;
justify-self: end;
}
@media (max-width: 960px) {
.post time {
grid-column: content-start / content-end;
justify-self: start;
line-height: var(--line-height);
}
}
article.post {
grid-column: gutter-start / gutter-end;
}
.post p,
.post .tags,
.post .title {
grid-column: content-start / content-end;
}
li > article > p:last-child {
margin-block-end: 0;
}
.title {
font-size: var(--h5-size);
}
.title, .title a {
color: var(--color);
}
}