Misc structure styles
This commit is contained in:
parent
1925a0109f
commit
bccadced1b
1 changed files with 27 additions and 8 deletions
|
@ -7,6 +7,7 @@
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/*************************
|
/*************************
|
||||||
# CONTENT AREA STRUCTURE
|
# CONTENT AREA STRUCTURE
|
||||||
************************/
|
************************/
|
||||||
|
@ -44,29 +45,47 @@ body {
|
||||||
|
|
||||||
.body__container,
|
.body__container,
|
||||||
.site-header,
|
.site-header,
|
||||||
main
|
.main--list,
|
||||||
|
.main--single,
|
||||||
|
article.content
|
||||||
{
|
{
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: subgrid;
|
grid-template-columns: subgrid;
|
||||||
grid-column: full-start / full-end;
|
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 {
|
.body__container {
|
||||||
gap: var(--space-xl) 0;
|
gap: var(--space-xl) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.site-header__content,
|
.site-header__content {
|
||||||
.site-footer
|
|
||||||
{
|
|
||||||
grid-column: main-start / main-end;
|
grid-column: main-start / main-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
{{- $wideElements := "figure, pre" -}}
|
:is(.list-header, p) {
|
||||||
|
|
||||||
.body__container > :not({{ $wideElements }}) {
|
|
||||||
grid-column: main-start / main-end;
|
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;
|
grid-column: wide-gutter-start / wide-gutter-end;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue