Reduce the depth of the DOM and simplify the CSS a bit
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:
parent
d17ec7f48f
commit
4c689f0f5c
8 changed files with 31 additions and 43 deletions
|
@ -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);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue