cdransf/coryd.dev-eleventy
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: refactor blogroll

Browse source
This commit is contained in:
Cory Dransfeldt 2024-01-25 13:02:01 -08:00
parent 45a605a4bf
commit 072b3943b6
No known key found for this signature in database
7 changed files with 96 additions and 32 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/assets/styles/pages/blogroll.css Normal file
View file

@ -0,0 +1,32 @@
:root {
--grid: repeat(2,minmax(0,1fr));
--blog-roll-spacing: .75rem;
}
.blog__banner--grid {
display: grid;
gap: .5rem;
grid-template-columns: var(--grid);
}
.blog__banner {
padding: var(--blog-roll-spacing);
border: 1px solid var(--gray-light);
border-radius: var(--rounded-lg);
background-color: var(--gray-lighter);
display: flex;
flex-direction: column;
}
.blog__banner > h4,
.blog__banner > p,
.blog__banner .meta {
margin-top: 0;
margin-bottom: var(--blog-roll-spacing);
}
@media screen and (min-width: 768px) {
:root {
--grid: repeat(3,minmax(0,1fr));
}
}