fix: add newsletter box
This commit is contained in:
@@ -1,6 +1,7 @@
|
||||
/**
|
||||
* Site Content Component
|
||||
* Main content area wrapper with slot for page content
|
||||
* Uses flexbox with gap for consistent vertical spacing
|
||||
*/
|
||||
class SiteContent extends HTMLElement {
|
||||
constructor() {
|
||||
@@ -22,8 +23,22 @@ class SiteContent extends HTMLElement {
|
||||
}
|
||||
|
||||
.content {
|
||||
padding-top: var(--spacing-md);
|
||||
padding-bottom: var(--spacing-md);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: var(--spacing-md, 16px);
|
||||
padding-top: var(--spacing-md, 16px);
|
||||
padding-bottom: var(--spacing-md, 16px);
|
||||
}
|
||||
|
||||
/* Remove vertical padding from direct children to let gap handle spacing */
|
||||
::slotted(.content-padding) {
|
||||
padding-top: 0 !important;
|
||||
padding-bottom: 0 !important;
|
||||
}
|
||||
|
||||
::slotted(.section) {
|
||||
padding-top: var(--spacing-md, 16px);
|
||||
padding-bottom: var(--spacing-md, 16px);
|
||||
}
|
||||
</style>
|
||||
<main class="content">
|
||||
|
||||
Reference in New Issue
Block a user