eryn/hugo-theme-termlite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Misc structure styles

Browse source
This commit is contained in:
Eryn Wells 2024-07-23 09:13:03 -07:00
parent 1925a0109f
commit bccadced1b
1 changed files with 27 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

35
assets/css/010_structure.css
View file

@ -7,6 +7,7 @@
/*************************
# CONTENT AREA STRUCTURE
************************/
@ -44,29 +45,47 @@ body {
.body__container,
.site-header,
main
.main--list,
.main--single,
article.content
{
display: grid;
grid-template-columns: subgrid;
grid-column: full-start / full-end;
}
.main--list {
.page-header,
.main--list__content,
.main--list__page-list
{
grid-column: main-start / main-end;
}
.page-header,
.main--list__content
{
margin-block-end: var(--space-xl);
}
}
.body__container {
gap: var(--space-xl) 0;
}
.site-header__content,
.site-footer
{
.site-header__content {
grid-column: main-start / main-end;
}
{{- $wideElements := "figure, pre" -}}
.body__container > :not({{ $wideElements }}) {
:is(.list-header, p) {
grid-column: main-start / main-end;
}
.body__container > :is(figure, pre) {
article.content > :not(figure, pre) {
grid-column: main-start / main-end;
}
article.content > :is(.figure--image, pre) {
grid-column: wide-gutter-start / wide-gutter-end;
}