diff --git a/styles/25-patterns-form-sections.css b/styles/25-patterns-form-sections.css index 2aa6418..b2d04bb 100644 --- a/styles/25-patterns-form-sections.css +++ b/styles/25-patterns-form-sections.css @@ -3,6 +3,10 @@ /* ========================================================= */ .sg-form-sections-card { + --layout-form-sections-body-padding-block: var(--card-segment-padding-vertical); + --layout-form-sections-body-padding-inline: var(--card-segment-padding-horizontal); + --layout-form-sections-actions-padding-inline: var(--card-segment-padding-horizontal); + --layout-form-sections-actions-padding-bottom: var(--card-segment-padding-vertical); display: flex; flex-direction: column; width: clamp( @@ -22,7 +26,7 @@ .sg-form-sections-card__body { background: var(--surface-form-preview); - padding: var(--card-segment-padding-vertical) var(--card-segment-padding-horizontal); + padding: var(--layout-form-sections-body-padding-block) var(--layout-form-sections-body-padding-inline); } .sg-form-sections-card__title { @@ -31,7 +35,12 @@ .sg-form-sections-card__actions-segment { background: var(--surface-form-preview); - padding: 0 var(--card-segment-padding-horizontal) var(--card-segment-padding-vertical); + padding: 0 var(--layout-form-sections-actions-padding-inline) var(--layout-form-sections-actions-padding-bottom); +} + +.sg-card-segment--body .sg-form-sections-card { + --layout-form-sections-body-padding-inline: 0; + --layout-form-sections-actions-padding-inline: 0; } .sg-form-sections-card__chapter + .sg-form-sections-card__chapter { diff --git a/styles/26-patterns-vsf-list-card.css b/styles/26-patterns-vsf-list-card.css index bd4f990..1723e25 100644 --- a/styles/26-patterns-vsf-list-card.css +++ b/styles/26-patterns-vsf-list-card.css @@ -1,10 +1,3 @@ /* ========================================================= */ /* Patterns: VSF List Card */ /* ========================================================= */ - -#layout-vsf-list-card .sg-object-card[data-pattern="object-group-card"] { - --layout-card-body-padding-top: 0; - --layout-card-body-padding-right: 0; - --layout-card-body-padding-bottom: 0; - --layout-card-body-padding-left: 0; -}