Remove global padding from form-sections pattern
This commit is contained in:
@@ -3,10 +3,6 @@
|
||||
/* ========================================================= */
|
||||
|
||||
.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(
|
||||
@@ -26,7 +22,7 @@
|
||||
|
||||
.sg-form-sections-card__body {
|
||||
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 {
|
||||
@@ -35,14 +31,7 @@
|
||||
|
||||
.sg-form-sections-card__actions-segment {
|
||||
background: var(--surface-form-preview);
|
||||
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-block: 0;
|
||||
--layout-form-sections-body-padding-inline: 0;
|
||||
--layout-form-sections-actions-padding-inline: 0;
|
||||
--layout-form-sections-actions-padding-bottom: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.sg-form-sections-card__chapter + .sg-form-sections-card__chapter {
|
||||
|
||||
Reference in New Issue
Block a user