NeilBrommer/Personal-Site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Improve post metadata styling

Browse source
This commit is contained in:
Neil Brommer 2023-07-10 15:01:56 -07:00
parent dea39db556
commit 9910d6dfb9
5 changed files with 76 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/css/Components/_lists.scss
View file

@ -16,25 +16,3 @@ dl {
margin-inline-start: 1em;
}
}
dl.tags {
display: flex;
flex-direction: row;
align-items: center;
dt {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 0.25em 0;
.icon {
font-size: 1.5em;
padding-right: 0.3em;
}
&::after {
content: ":";
}
}
}

36
src/css/Components/_posts.scss Normal file
View file

@ -0,0 +1,36 @@
.posts-list-post {
margin-bottom: 2rem;
}
.postMetadata {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 2em;
font-size: 0.8rem;
}
dl.postDate, dl.tags {
display: flex;
flex-direction: row;
align-items: center;
margin: 0;
dt {
display: inline-flex;
flex-direction: row;
align-items: center;
padding: 0.25em 0;
.icon {
font-size: 1.5em;
padding-right: 0.3em;
}
&::after {
content: ":";
}
}
}

1
src/css/site.scss
View file

@ -11,3 +11,4 @@
@use 'Components/_mobile-header';
@use 'Components/_lists';
@use 'Components/_code';
@use 'Components/_posts';