hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add margin between article heading and details (fixes #68)

Browse Source 
Additionally fix the tags not floating to the end of article card, and
add a nice top border to details
This commit is contained in:
daudix
2024-08-29 06:28:18 +03:00
parent 61fb91b7b3
commit be4605cdfb
6 changed files with 31 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
sass/_article-list.scss
View File

@ -32,13 +32,17 @@
margin: 0;
}
.tags a {
background-color: var(--primary-color-alpha);
color: var(--primary-color);
.tags {
justify-content: flex-end;
&:hover {
background-color: var(--primary-color);
color: var(--contrast-color);
a {
background-color: var(--primary-color-alpha);
color: var(--primary-color);
&:hover {
background-color: var(--primary-color);
color: var(--contrast-color);
}
}
}
@ -236,7 +240,7 @@
.featured-badge,
.hot-badge,
.poor-badge {
display: block;
display: inline-block;
box-shadow: var(--edge-highlight);
border-radius: 999px;
padding: 0.5rem 0.75rem;
@ -315,9 +319,12 @@
.details {
display: flex;
flex-wrap: wrap;
flex-wrap: nowrap;
justify-content: space-between;
gap: 0.25rem;
margin-block-start: 1rem;
border-block-start: max(1px, 0.0625rem) solid var(--fg-muted-2);
padding-block-start: 0.5rem;
}
}
}