Remove global padding from form-sections pattern
This commit is contained in:
@@ -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 {
|
||||||
|
|||||||
Reference in New Issue
Block a user