Jonny Barnes
9124ac21ae
- Modify `public/assets/app.css` with updates to CSS variables, grid templates, and class styles - Add class `pagination` to `<nav>` element in `resources/views/templates/pagination.blade.php` - Update `public/assets/app.css.br` with changes - Add flex layout and margin styles to `.h-feed`, `.h-entry`, and `.pagination` classes in `resources/css/layout.css`
48 lines
627 B
CSS
48 lines
627 B
CSS
.grid {
|
|
display: grid;
|
|
grid-template-columns: 5vw 1fr 5vw;
|
|
grid-template-rows: min-content 1fr min-content;
|
|
row-gap: 1rem;
|
|
}
|
|
|
|
#site-header {
|
|
grid-column: 2 / 3;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
main {
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
.h-feed {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 2rem;
|
|
}
|
|
|
|
.h-entry {
|
|
& p:first-of-type,
|
|
& h1:first-of-type {
|
|
margin-block-start: 0;
|
|
}
|
|
}
|
|
|
|
.pagination {
|
|
margin-block-start: 1rem;
|
|
}
|
|
|
|
footer {
|
|
grid-column: 2 / 3;
|
|
grid-row: 3 / 4;
|
|
|
|
& .iwc-logo {
|
|
max-width: 85vw;
|
|
}
|
|
|
|
& .footer-actions {
|
|
display: flex;
|
|
flex-direction: row;
|
|
gap: 1rem;
|
|
}
|
|
}
|