style: refine empty element handling in default-base.css for improved responsiveness

- Added CSS rules to forcefully remove any small empty space elements, enhancing page responsiveness without rewriting .page file parsing.
- This change continues the trend of refining styles for better layout control and consistency across the plugin.
This commit is contained in:
Zack Spear
2025-05-19 16:24:41 -07:00
parent 0e0a388089
commit 228589e4e3

View File

@@ -1251,6 +1251,20 @@ a.list {
position: relative;
width: 100%;
box-sizing: border-box;
/**
* Force remove any small empty space elements.
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
*/
dt, dd, p, div, span {
&:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
}
}
.tabs,
.tabs-container {
@@ -1536,20 +1550,6 @@ dd {
}
}
/**
* Force remove any small empty space elements.
* Necessary evil to prevent needing to rewrite .page file parsing and allow for a more responsive page.
*/
dt, dd, p, div:not([class*="sweet-overlay"]), span {
&:empty {
display: none !important;
margin: 0 !important;
padding: 0 !important;
height: 0 !important;
min-height: 0 !important;
}
}
blockquote {
width: 100%;
max-width: 160ch;