Remove global padding from form-sections pattern

This commit is contained in:
2026-05-27 17:03:04 +02:00
parent 2127eec001
commit 8ec83a0c15
+2 -13
View File
@@ -3,10 +3,6 @@
/* ========================================================= */ /* ========================================================= */
.sg-form-sections-card { .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; display: flex;
flex-direction: column; flex-direction: column;
width: clamp( width: clamp(
@@ -26,7 +22,7 @@
.sg-form-sections-card__body { .sg-form-sections-card__body {
background: var(--surface-form-preview); background: var(--surface-form-preview);
padding: var(--layout-form-sections-body-padding-block) var(--layout-form-sections-body-padding-inline); padding: 0;
} }
.sg-form-sections-card__title { .sg-form-sections-card__title {
@@ -35,14 +31,7 @@
.sg-form-sections-card__actions-segment { .sg-form-sections-card__actions-segment {
background: var(--surface-form-preview); background: var(--surface-form-preview);
padding: 0 var(--layout-form-sections-actions-padding-inline) var(--layout-form-sections-actions-padding-bottom); padding: 0;
}
.sg-card-segment--body .sg-form-sections-card {
--layout-form-sections-body-padding-block: 0;
--layout-form-sections-body-padding-inline: 0;
--layout-form-sections-actions-padding-inline: 0;
--layout-form-sections-actions-padding-bottom: 0;
} }
.sg-form-sections-card__chapter + .sg-form-sections-card__chapter { .sg-form-sections-card__chapter + .sg-form-sections-card__chapter {