Merge pull request #20793 from overleaf/jel-cms-card-top-margin

[web] Apply vertical spacing between cards on CMS pages

GitOrigin-RevId: c03ae91d1de081013e8318dd80b90ef508cb5b4f
This commit is contained in:
M Fahru 2024-10-03 07:39:43 -07:00 committed by Copybot
parent 2d070ec901
commit 20846a89a1

View file

@ -70,6 +70,10 @@
margin-left: var(--spacing-06); margin-left: var(--spacing-06);
} }
.card + .card {
margin-top: var(--spacing-09);
}
.optional-text { .optional-text {
font-size: 14px; font-size: 14px;
} }
@ -329,6 +333,29 @@
} }
} }
} }
.card,
.no-card {
&.top-margin-sm {
margin-top: var(--spacing-05);
}
&.top-margin-md {
margin-top: var(--spacing-07);
}
&.top-margin-lg {
margin-top: var(--spacing-09);
}
&.top-margin-xl {
margin-top: var(--spacing-10);
}
&.top-margin-xxl {
margin-top: var(--spacing-11);
}
}
} }
.icon-with-content { .icon-with-content {
@ -578,26 +605,6 @@
} }
} }
.top-margin-sm {
margin-top: var(--spacing-05);
}
.top-margin-md {
margin-top: var(--spacing-07);
}
.top-margin-lg {
margin-top: var(--spacing-09);
}
.top-margin-xl {
margin-top: var(--spacing-10);
}
.top-margin-xxl {
margin-top: var(--spacing-11);
}
.bottom-align-last-entry { .bottom-align-last-entry {
&.no-card { &.no-card {
display: flex; display: flex;