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

Reduce the depth of the DOM and simplify the CSS a bit

Browse source 
Remove the main intermediate container. It wasn't acutally serving a purpose.
Remove some of the BEM-style classes that also weren't really doing anything.
This commit is contained in:
Eryn Wells 2024-10-13 23:13:16 -07:00
parent d17ec7f48f
commit 4c689f0f5c
8 changed files with 31 additions and 43 deletions
Download patch file Download diff file Expand all files Collapse all files

2
assets/css/010_spacing.css
View file

@ -61,7 +61,7 @@ p + p {
/* Figures */
{{- $elementsWithXLBlockMargins := "blockquote, .figure--code, .figure--image, .figure--youtube, .codeblock, .highlight, table" -}}
{{- $elementsWithXLBlockMargins := "blockquote, table, .codeblock, .figure--code, .figure--image, .figure--youtube, .highlight" -}}
p + :is({{ $elementsWithXLBlockMargins }}) {
margin-block-start: var(--space-xl);

6
assets/css/010_structure.css
View file

@ -83,14 +83,12 @@ body {
}
.main--list {
.page-header,
.main--list__page-list
{
.page-header {
grid-column: main-start / main-end;
}
.page-header,
.main--list__content
.main__content
{
margin-block-end: var(--space-xl);
}