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

Rearrange the post header

Browse source 
Dates will flow below the header if the header is too long.

Move the draft up to the top, above the header.
This commit is contained in:
Eryn Wells 2022-03-25 23:24:29 -07:00
parent b85ec512ef
commit 501dc6ed51
3 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
static/styles/development.css
View file

@ -8,8 +8,8 @@
display: inline-block;
font-family: 'SF Pro', sans-serif;
font-size: 1.5rem;
font-weight: bold;
letter-spacing: 3px;
margin-inline-start: 1rem;
text-transform: uppercase;
}

17
static/styles/main.css
View file

@ -417,11 +417,24 @@ ul.post-tags li + li {
.post-title {
align-items: baseline;
display: flex;
flex-wrap: wrap;
margin-bottom: 2rem;
}
.post-title .post-date {
.post-title > h1 {
flex-grow: 1;
margin-block-end: 0;
padding-bottom: 0;
}
.post-title > .post-date {
color: rgb(73, 73, 73);
display: inline-block;
margin-left: auto;
font-size: 1.75rem;
inline-size: min-content;
letter-spacing: 1px;
text-transform: uppercase;
white-space: nowrap;
}
@media (max-width: 620px) {