Last child margin styles
The last child margin styles allow you to modify the margins for the last child in an element.
Available margin styles
- All sides margin
- Bottom margin
- End margin
- Horizontal margin
- Start margin
- Top margin
- Vertical margin
Combined import
You can import all of the last child margin styles with the following import:
@import 'cacao-css/dist/child-spacing/last-child/margin/combined-import.css';
How to import into your CSS
Import this into your CSS with:
@import 'cacao-css/dist/child-spacing/last-child/margin/all.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical.css';
Granular imports
If you only need to import a specific size of the last child margin styles then you can import the individual file.
All sides margin
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/all/all-15.css';
Bottom margin
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/bottom/bottom-15.css';
End margin
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/end/end-15.css';
Horizontal margin
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/horizontal/horizontal-15.css';
Start margin
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/start/start-15.css';
Top margin
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/top/top-15.css';
Vertical margin
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-0.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-1.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-2.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-3.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-4.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-5.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-6.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-7.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-8.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-9.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-10.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-11.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-12.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-13.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-14.css';
@import 'cacao-css/dist/child-spacing/last-child/margin/vertical/vertical-15.css';
Source css
All sides margin
child-spacing/last-child/margin/all.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-0 > *:last-child {
margin: var(--child-spacing-0);
}
.last-child-m-1 > *:last-child {
margin: var(--child-spacing-1);
}
.last-child-m-2 > *:last-child {
margin: var(--child-spacing-2);
}
.last-child-m-3 > *:last-child {
margin: var(--child-spacing-3);
}
.last-child-m-4 > *:last-child {
margin: var(--child-spacing-4);
}
.last-child-m-5 > *:last-child {
margin: var(--child-spacing-5);
}
.last-child-m-6 > *:last-child {
margin: var(--child-spacing-6);
}
.last-child-m-7 > *:last-child {
margin: var(--child-spacing-7);
}
.last-child-m-8 > *:last-child {
margin: var(--child-spacing-8);
}
.last-child-m-9 > *:last-child {
margin: var(--child-spacing-9);
}
.last-child-m-10 > *:last-child {
margin: var(--child-spacing-10);
}
.last-child-m-11 > *:last-child {
margin: var(--child-spacing-11);
}
.last-child-m-12 > *:last-child {
margin: var(--child-spacing-12);
}
.last-child-m-13 > *:last-child {
margin: var(--child-spacing-13);
}
.last-child-m-14 > *:last-child {
margin: var(--child-spacing-14);
}
.last-child-m-15 > *:last-child {
margin: var(--child-spacing-15);
}
All sides margin - 0
child-spacing/last-child/margin/all/all-0.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-0 > *:last-child {
margin: var(--child-spacing-0);
}
All sides margin - 1
child-spacing/last-child/margin/all/all-1.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-1 > *:last-child {
margin: var(--child-spacing-1);
}
All sides margin - 2
child-spacing/last-child/margin/all/all-2.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-2 > *:last-child {
margin: var(--child-spacing-2);
}
All sides margin - 3
child-spacing/last-child/margin/all/all-3.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-3 > *:last-child {
margin: var(--child-spacing-3);
}
All sides margin - 4
child-spacing/last-child/margin/all/all-4.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-4 > *:last-child {
margin: var(--child-spacing-4);
}
All sides margin - 5
child-spacing/last-child/margin/all/all-5.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-5 > *:last-child {
margin: var(--child-spacing-5);
}
All sides margin - 6
child-spacing/last-child/margin/all/all-6.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-6 > *:last-child {
margin: var(--child-spacing-6);
}
All sides margin - 7
child-spacing/last-child/margin/all/all-7.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-7 > *:last-child {
margin: var(--child-spacing-7);
}
All sides margin - 8
child-spacing/last-child/margin/all/all-8.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-8 > *:last-child {
margin: var(--child-spacing-8);
}
All sides margin - 9
child-spacing/last-child/margin/all/all-9.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-9 > *:last-child {
margin: var(--child-spacing-9);
}
All sides margin - 10
child-spacing/last-child/margin/all/all-10.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-10 > *:last-child {
margin: var(--child-spacing-10);
}
All sides margin - 11
child-spacing/last-child/margin/all/all-11.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-11 > *:last-child {
margin: var(--child-spacing-11);
}
All sides margin - 12
child-spacing/last-child/margin/all/all-12.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-12 > *:last-child {
margin: var(--child-spacing-12);
}
All sides margin - 13
child-spacing/last-child/margin/all/all-13.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-13 > *:last-child {
margin: var(--child-spacing-13);
}
All sides margin - 14
child-spacing/last-child/margin/all/all-14.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-14 > *:last-child {
margin: var(--child-spacing-14);
}
All sides margin - 15
child-spacing/last-child/margin/all/all-15.css
/* =========================================================================== *
Last child all sides margin utilities
* =========================================================================== */
.last-child-m-15 > *:last-child {
margin: var(--child-spacing-15);
}
Bottom margin
child-spacing/last-child/margin/bottom.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-0 > *:last-child {
margin-bottom: var(--child-spacing-0);
}
.last-child-mb-1 > *:last-child {
margin-bottom: var(--child-spacing-1);
}
.last-child-mb-2 > *:last-child {
margin-bottom: var(--child-spacing-2);
}
.last-child-mb-3 > *:last-child {
margin-bottom: var(--child-spacing-3);
}
.last-child-mb-4 > *:last-child {
margin-bottom: var(--child-spacing-4);
}
.last-child-mb-5 > *:last-child {
margin-bottom: var(--child-spacing-5);
}
.last-child-mb-6 > *:last-child {
margin-bottom: var(--child-spacing-6);
}
.last-child-mb-7 > *:last-child {
margin-bottom: var(--child-spacing-7);
}
.last-child-mb-8 > *:last-child {
margin-bottom: var(--child-spacing-8);
}
.last-child-mb-9 > *:last-child {
margin-bottom: var(--child-spacing-9);
}
.last-child-mb-10 > *:last-child {
margin-bottom: var(--child-spacing-10);
}
.last-child-mb-11 > *:last-child {
margin-bottom: var(--child-spacing-11);
}
.last-child-mb-12 > *:last-child {
margin-bottom: var(--child-spacing-12);
}
.last-child-mb-13 > *:last-child {
margin-bottom: var(--child-spacing-13);
}
.last-child-mb-14 > *:last-child {
margin-bottom: var(--child-spacing-14);
}
.last-child-mb-15 > *:last-child {
margin-bottom: var(--child-spacing-15);
}
Bottom margin - 0
child-spacing/last-child/margin/bottom/bottom-0.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-0 > *:last-child {
margin-bottom: var(--child-spacing-0);
}
Bottom margin - 1
child-spacing/last-child/margin/bottom/bottom-1.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-1 > *:last-child {
margin-bottom: var(--child-spacing-1);
}
Bottom margin - 2
child-spacing/last-child/margin/bottom/bottom-2.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-2 > *:last-child {
margin-bottom: var(--child-spacing-2);
}
Bottom margin - 3
child-spacing/last-child/margin/bottom/bottom-3.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-3 > *:last-child {
margin-bottom: var(--child-spacing-3);
}
Bottom margin - 4
child-spacing/last-child/margin/bottom/bottom-4.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-4 > *:last-child {
margin-bottom: var(--child-spacing-4);
}
Bottom margin - 5
child-spacing/last-child/margin/bottom/bottom-5.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-5 > *:last-child {
margin-bottom: var(--child-spacing-5);
}
Bottom margin - 6
child-spacing/last-child/margin/bottom/bottom-6.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-6 > *:last-child {
margin-bottom: var(--child-spacing-6);
}
Bottom margin - 7
child-spacing/last-child/margin/bottom/bottom-7.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-7 > *:last-child {
margin-bottom: var(--child-spacing-7);
}
Bottom margin - 8
child-spacing/last-child/margin/bottom/bottom-8.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-8 > *:last-child {
margin-bottom: var(--child-spacing-8);
}
Bottom margin - 9
child-spacing/last-child/margin/bottom/bottom-9.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-9 > *:last-child {
margin-bottom: var(--child-spacing-9);
}
Bottom margin - 10
child-spacing/last-child/margin/bottom/bottom-10.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-10 > *:last-child {
margin-bottom: var(--child-spacing-10);
}
Bottom margin - 11
child-spacing/last-child/margin/bottom/bottom-11.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-11 > *:last-child {
margin-bottom: var(--child-spacing-11);
}
Bottom margin - 12
child-spacing/last-child/margin/bottom/bottom-12.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-12 > *:last-child {
margin-bottom: var(--child-spacing-12);
}
Bottom margin - 13
child-spacing/last-child/margin/bottom/bottom-13.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-13 > *:last-child {
margin-bottom: var(--child-spacing-13);
}
Bottom margin - 14
child-spacing/last-child/margin/bottom/bottom-14.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-14 > *:last-child {
margin-bottom: var(--child-spacing-14);
}
Bottom margin - 15
child-spacing/last-child/margin/bottom/bottom-15.css
/* =========================================================================== *
Last child bottom margin utilities
* =========================================================================== */
.last-child-mb-15 > *:last-child {
margin-bottom: var(--child-spacing-15);
}
End margin
child-spacing/last-child/margin/end.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-0 > *:last-child {
margin-right: var(--child-spacing-0);
}
.last-child-me-1 > *:last-child {
margin-right: var(--child-spacing-1);
}
.last-child-me-2 > *:last-child {
margin-right: var(--child-spacing-2);
}
.last-child-me-3 > *:last-child {
margin-right: var(--child-spacing-3);
}
.last-child-me-4 > *:last-child {
margin-right: var(--child-spacing-4);
}
.last-child-me-5 > *:last-child {
margin-right: var(--child-spacing-5);
}
.last-child-me-6 > *:last-child {
margin-right: var(--child-spacing-6);
}
.last-child-me-7 > *:last-child {
margin-right: var(--child-spacing-7);
}
.last-child-me-8 > *:last-child {
margin-right: var(--child-spacing-8);
}
.last-child-me-9 > *:last-child {
margin-right: var(--child-spacing-9);
}
.last-child-me-10 > *:last-child {
margin-right: var(--child-spacing-10);
}
.last-child-me-11 > *:last-child {
margin-right: var(--child-spacing-11);
}
.last-child-me-12 > *:last-child {
margin-right: var(--child-spacing-12);
}
.last-child-me-13 > *:last-child {
margin-right: var(--child-spacing-13);
}
.last-child-me-14 > *:last-child {
margin-right: var(--child-spacing-14);
}
.last-child-me-15 > *:last-child {
margin-right: var(--child-spacing-15);
}
End margin - 0
child-spacing/last-child/margin/end/end-0.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-0 > *:last-child {
margin-right: var(--child-spacing-0);
}
End margin - 1
child-spacing/last-child/margin/end/end-1.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-1 > *:last-child {
margin-right: var(--child-spacing-1);
}
End margin - 2
child-spacing/last-child/margin/end/end-2.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-2 > *:last-child {
margin-right: var(--child-spacing-2);
}
End margin - 3
child-spacing/last-child/margin/end/end-3.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-3 > *:last-child {
margin-right: var(--child-spacing-3);
}
End margin - 4
child-spacing/last-child/margin/end/end-4.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-4 > *:last-child {
margin-right: var(--child-spacing-4);
}
End margin - 5
child-spacing/last-child/margin/end/end-5.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-5 > *:last-child {
margin-right: var(--child-spacing-5);
}
End margin - 6
child-spacing/last-child/margin/end/end-6.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-6 > *:last-child {
margin-right: var(--child-spacing-6);
}
End margin - 7
child-spacing/last-child/margin/end/end-7.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-7 > *:last-child {
margin-right: var(--child-spacing-7);
}
End margin - 8
child-spacing/last-child/margin/end/end-8.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-8 > *:last-child {
margin-right: var(--child-spacing-8);
}
End margin - 9
child-spacing/last-child/margin/end/end-9.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-9 > *:last-child {
margin-right: var(--child-spacing-9);
}
End margin - 10
child-spacing/last-child/margin/end/end-10.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-10 > *:last-child {
margin-right: var(--child-spacing-10);
}
End margin - 11
child-spacing/last-child/margin/end/end-11.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-11 > *:last-child {
margin-right: var(--child-spacing-11);
}
End margin - 12
child-spacing/last-child/margin/end/end-12.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-12 > *:last-child {
margin-right: var(--child-spacing-12);
}
End margin - 13
child-spacing/last-child/margin/end/end-13.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-13 > *:last-child {
margin-right: var(--child-spacing-13);
}
End margin - 14
child-spacing/last-child/margin/end/end-14.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-14 > *:last-child {
margin-right: var(--child-spacing-14);
}
End margin - 15
child-spacing/last-child/margin/end/end-15.css
/* =========================================================================== *
Last child end margin utilities
* =========================================================================== */
.last-child-me-15 > *:last-child {
margin-right: var(--child-spacing-15);
}
Horizontal margin
child-spacing/last-child/margin/horizontal.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-0 > *:last-child {
margin-left: var(--child-spacing-0);
margin-right: var(--child-spacing-0);
}
.last-child-mx-1 > *:last-child {
margin-left: var(--child-spacing-1);
margin-right: var(--child-spacing-1);
}
.last-child-mx-2 > *:last-child {
margin-left: var(--child-spacing-2);
margin-right: var(--child-spacing-2);
}
.last-child-mx-3 > *:last-child {
margin-left: var(--child-spacing-3);
margin-right: var(--child-spacing-3);
}
.last-child-mx-4 > *:last-child {
margin-left: var(--child-spacing-4);
margin-right: var(--child-spacing-4);
}
.last-child-mx-5 > *:last-child {
margin-left: var(--child-spacing-5);
margin-right: var(--child-spacing-5);
}
.last-child-mx-6 > *:last-child {
margin-left: var(--child-spacing-6);
margin-right: var(--child-spacing-6);
}
.last-child-mx-7 > *:last-child {
margin-left: var(--child-spacing-7);
margin-right: var(--child-spacing-7);
}
.last-child-mx-8 > *:last-child {
margin-left: var(--child-spacing-8);
margin-right: var(--child-spacing-8);
}
.last-child-mx-9 > *:last-child {
margin-left: var(--child-spacing-9);
margin-right: var(--child-spacing-9);
}
.last-child-mx-10 > *:last-child {
margin-left: var(--child-spacing-10);
margin-right: var(--child-spacing-10);
}
.last-child-mx-11 > *:last-child {
margin-left: var(--child-spacing-11);
margin-right: var(--child-spacing-11);
}
.last-child-mx-12 > *:last-child {
margin-left: var(--child-spacing-12);
margin-right: var(--child-spacing-12);
}
.last-child-mx-13 > *:last-child {
margin-left: var(--child-spacing-13);
margin-right: var(--child-spacing-13);
}
.last-child-mx-14 > *:last-child {
margin-left: var(--child-spacing-14);
margin-right: var(--child-spacing-14);
}
.last-child-mx-15 > *:last-child {
margin-left: var(--child-spacing-15);
margin-right: var(--child-spacing-15);
}
Horizontal margin - 0
child-spacing/last-child/margin/horizontal/horizontal-0.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-0 > *:last-child {
margin-left: var(--child-spacing-0);
margin-right: var(--child-spacing-0);
}
Horizontal margin - 1
child-spacing/last-child/margin/horizontal/horizontal-1.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-1 > *:last-child {
margin-left: var(--child-spacing-1);
margin-right: var(--child-spacing-1);
}
Horizontal margin - 2
child-spacing/last-child/margin/horizontal/horizontal-2.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-2 > *:last-child {
margin-left: var(--child-spacing-2);
margin-right: var(--child-spacing-2);
}
Horizontal margin - 3
child-spacing/last-child/margin/horizontal/horizontal-3.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-3 > *:last-child {
margin-left: var(--child-spacing-3);
margin-right: var(--child-spacing-3);
}
Horizontal margin - 4
child-spacing/last-child/margin/horizontal/horizontal-4.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-4 > *:last-child {
margin-left: var(--child-spacing-4);
margin-right: var(--child-spacing-4);
}
Horizontal margin - 5
child-spacing/last-child/margin/horizontal/horizontal-5.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-5 > *:last-child {
margin-left: var(--child-spacing-5);
margin-right: var(--child-spacing-5);
}
Horizontal margin - 6
child-spacing/last-child/margin/horizontal/horizontal-6.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-6 > *:last-child {
margin-left: var(--child-spacing-6);
margin-right: var(--child-spacing-6);
}
Horizontal margin - 7
child-spacing/last-child/margin/horizontal/horizontal-7.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-7 > *:last-child {
margin-left: var(--child-spacing-7);
margin-right: var(--child-spacing-7);
}
Horizontal margin - 8
child-spacing/last-child/margin/horizontal/horizontal-8.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-8 > *:last-child {
margin-left: var(--child-spacing-8);
margin-right: var(--child-spacing-8);
}
Horizontal margin - 9
child-spacing/last-child/margin/horizontal/horizontal-9.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-9 > *:last-child {
margin-left: var(--child-spacing-9);
margin-right: var(--child-spacing-9);
}
Horizontal margin - 10
child-spacing/last-child/margin/horizontal/horizontal-10.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-10 > *:last-child {
margin-left: var(--child-spacing-10);
margin-right: var(--child-spacing-10);
}
Horizontal margin - 11
child-spacing/last-child/margin/horizontal/horizontal-11.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-11 > *:last-child {
margin-left: var(--child-spacing-11);
margin-right: var(--child-spacing-11);
}
Horizontal margin - 12
child-spacing/last-child/margin/horizontal/horizontal-12.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-12 > *:last-child {
margin-left: var(--child-spacing-12);
margin-right: var(--child-spacing-12);
}
Horizontal margin - 13
child-spacing/last-child/margin/horizontal/horizontal-13.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-13 > *:last-child {
margin-left: var(--child-spacing-13);
margin-right: var(--child-spacing-13);
}
Horizontal margin - 14
child-spacing/last-child/margin/horizontal/horizontal-14.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-14 > *:last-child {
margin-left: var(--child-spacing-14);
margin-right: var(--child-spacing-14);
}
Horizontal margin - 15
child-spacing/last-child/margin/horizontal/horizontal-15.css
/* =========================================================================== *
Horizontal margin utilities
* =========================================================================== */
.last-child-mx-15 > *:last-child {
margin-left: var(--child-spacing-15);
margin-right: var(--child-spacing-15);
}
Start margin
child-spacing/last-child/margin/start.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-0 > *:last-child {
margin-left: var(--child-spacing-0);
}
.last-child-ms-1 > *:last-child {
margin-left: var(--child-spacing-1);
}
.last-child-ms-2 > *:last-child {
margin-left: var(--child-spacing-2);
}
.last-child-ms-3 > *:last-child {
margin-left: var(--child-spacing-3);
}
.last-child-ms-4 > *:last-child {
margin-left: var(--child-spacing-4);
}
.last-child-ms-5 > *:last-child {
margin-left: var(--child-spacing-5);
}
.last-child-ms-6 > *:last-child {
margin-left: var(--child-spacing-6);
}
.last-child-ms-7 > *:last-child {
margin-left: var(--child-spacing-7);
}
.last-child-ms-8 > *:last-child {
margin-left: var(--child-spacing-8);
}
.last-child-ms-9 > *:last-child {
margin-left: var(--child-spacing-9);
}
.last-child-ms-10 > *:last-child {
margin-left: var(--child-spacing-10);
}
.last-child-ms-11 > *:last-child {
margin-left: var(--child-spacing-11);
}
.last-child-ms-12 > *:last-child {
margin-left: var(--child-spacing-12);
}
.last-child-ms-13 > *:last-child {
margin-left: var(--child-spacing-13);
}
.last-child-ms-14 > *:last-child {
margin-left: var(--child-spacing-14);
}
.last-child-ms-15 > *:last-child {
margin-left: var(--child-spacing-15);
}
Start margin - 0
child-spacing/last-child/margin/start/start-0.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-0 > *:last-child {
margin-left: var(--child-spacing-0);
}
Start margin - 1
child-spacing/last-child/margin/start/start-1.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-1 > *:last-child {
margin-left: var(--child-spacing-1);
}
Start margin - 2
child-spacing/last-child/margin/start/start-2.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-2 > *:last-child {
margin-left: var(--child-spacing-2);
}
Start margin - 3
child-spacing/last-child/margin/start/start-3.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-3 > *:last-child {
margin-left: var(--child-spacing-3);
}
Start margin - 4
child-spacing/last-child/margin/start/start-4.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-4 > *:last-child {
margin-left: var(--child-spacing-4);
}
Start margin - 5
child-spacing/last-child/margin/start/start-5.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-5 > *:last-child {
margin-left: var(--child-spacing-5);
}
Start margin - 6
child-spacing/last-child/margin/start/start-6.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-6 > *:last-child {
margin-left: var(--child-spacing-6);
}
Start margin - 7
child-spacing/last-child/margin/start/start-7.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-7 > *:last-child {
margin-left: var(--child-spacing-7);
}
Start margin - 8
child-spacing/last-child/margin/start/start-8.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-8 > *:last-child {
margin-left: var(--child-spacing-8);
}
Start margin - 9
child-spacing/last-child/margin/start/start-9.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-9 > *:last-child {
margin-left: var(--child-spacing-9);
}
Start margin - 10
child-spacing/last-child/margin/start/start-10.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-10 > *:last-child {
margin-left: var(--child-spacing-10);
}
Start margin - 11
child-spacing/last-child/margin/start/start-11.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-11 > *:last-child {
margin-left: var(--child-spacing-11);
}
Start margin - 12
child-spacing/last-child/margin/start/start-12.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-12 > *:last-child {
margin-left: var(--child-spacing-12);
}
Start margin - 13
child-spacing/last-child/margin/start/start-13.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-13 > *:last-child {
margin-left: var(--child-spacing-13);
}
Start margin - 14
child-spacing/last-child/margin/start/start-14.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-14 > *:last-child {
margin-left: var(--child-spacing-14);
}
Start margin - 15
child-spacing/last-child/margin/start/start-15.css
/* =========================================================================== *
Last child start margin utilities
* =========================================================================== */
.last-child-ms-15 > *:last-child {
margin-left: var(--child-spacing-15);
}
Top margin
child-spacing/last-child/margin/top.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-0 > *:last-child {
margin-top: var(--child-spacing-0);
}
.last-child-mt-1 > *:last-child {
margin-top: var(--child-spacing-1);
}
.last-child-mt-2 > *:last-child {
margin-top: var(--child-spacing-2);
}
.last-child-mt-3 > *:last-child {
margin-top: var(--child-spacing-3);
}
.last-child-mt-4 > *:last-child {
margin-top: var(--child-spacing-4);
}
.last-child-mt-5 > *:last-child {
margin-top: var(--child-spacing-5);
}
.last-child-mt-6 > *:last-child {
margin-top: var(--child-spacing-6);
}
.last-child-mt-7 > *:last-child {
margin-top: var(--child-spacing-7);
}
.last-child-mt-8 > *:last-child {
margin-top: var(--child-spacing-8);
}
.last-child-mt-9 > *:last-child {
margin-top: var(--child-spacing-9);
}
.last-child-mt-10 > *:last-child {
margin-top: var(--child-spacing-10);
}
.last-child-mt-11 > *:last-child {
margin-top: var(--child-spacing-11);
}
.last-child-mt-12 > *:last-child {
margin-top: var(--child-spacing-12);
}
.last-child-mt-13 > *:last-child {
margin-top: var(--child-spacing-13);
}
.last-child-mt-14 > *:last-child {
margin-top: var(--child-spacing-14);
}
.last-child-mt-15 > *:last-child {
margin-top: var(--child-spacing-15);
}
Top margin - 0
child-spacing/last-child/margin/top/top-0.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-0 > *:last-child {
margin-top: var(--child-spacing-0);
}
Top margin - 1
child-spacing/last-child/margin/top/top-1.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-1 > *:last-child {
margin-top: var(--child-spacing-1);
}
Top margin - 2
child-spacing/last-child/margin/top/top-2.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-2 > *:last-child {
margin-top: var(--child-spacing-2);
}
Top margin - 3
child-spacing/last-child/margin/top/top-3.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-3 > *:last-child {
margin-top: var(--child-spacing-3);
}
Top margin - 4
child-spacing/last-child/margin/top/top-4.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-4 > *:last-child {
margin-top: var(--child-spacing-4);
}
Top margin - 5
child-spacing/last-child/margin/top/top-5.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-5 > *:last-child {
margin-top: var(--child-spacing-5);
}
Top margin - 6
child-spacing/last-child/margin/top/top-6.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-6 > *:last-child {
margin-top: var(--child-spacing-6);
}
Top margin - 7
child-spacing/last-child/margin/top/top-7.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-7 > *:last-child {
margin-top: var(--child-spacing-7);
}
Top margin - 8
child-spacing/last-child/margin/top/top-8.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-8 > *:last-child {
margin-top: var(--child-spacing-8);
}
Top margin - 9
child-spacing/last-child/margin/top/top-9.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-9 > *:last-child {
margin-top: var(--child-spacing-9);
}
Top margin - 10
child-spacing/last-child/margin/top/top-10.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-10 > *:last-child {
margin-top: var(--child-spacing-10);
}
Top margin - 11
child-spacing/last-child/margin/top/top-11.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-11 > *:last-child {
margin-top: var(--child-spacing-11);
}
Top margin - 12
child-spacing/last-child/margin/top/top-12.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-12 > *:last-child {
margin-top: var(--child-spacing-12);
}
Top margin - 13
child-spacing/last-child/margin/top/top-13.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-13 > *:last-child {
margin-top: var(--child-spacing-13);
}
Top margin - 14
child-spacing/last-child/margin/top/top-14.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-14 > *:last-child {
margin-top: var(--child-spacing-14);
}
Top margin - 15
child-spacing/last-child/margin/top/top-15.css
/* =========================================================================== *
Last child top margin utilities
* =========================================================================== */
.last-child-mt-15 > *:last-child {
margin-top: var(--child-spacing-15);
}
Vertical margin
child-spacing/last-child/margin/vertical.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-0 > *:last-child {
margin-top: var(--child-spacing-0);
margin-bottom: var(--child-spacing-0);
}
.last-child-my-1 > *:last-child {
margin-top: var(--child-spacing-1);
margin-bottom: var(--child-spacing-1);
}
.last-child-my-2 > *:last-child {
margin-top: var(--child-spacing-2);
margin-bottom: var(--child-spacing-2);
}
.last-child-my-3 > *:last-child {
margin-top: var(--child-spacing-3);
margin-bottom: var(--child-spacing-3);
}
.last-child-my-4 > *:last-child {
margin-top: var(--child-spacing-4);
margin-bottom: var(--child-spacing-4);
}
.last-child-my-5 > *:last-child {
margin-top: var(--child-spacing-5);
margin-bottom: var(--child-spacing-5);
}
.last-child-my-6 > *:last-child {
margin-top: var(--child-spacing-6);
margin-bottom: var(--child-spacing-6);
}
.last-child-my-7 > *:last-child {
margin-top: var(--child-spacing-7);
margin-bottom: var(--child-spacing-7);
}
.last-child-my-8 > *:last-child {
margin-top: var(--child-spacing-8);
margin-bottom: var(--child-spacing-8);
}
.last-child-my-9 > *:last-child {
margin-top: var(--child-spacing-9);
margin-bottom: var(--child-spacing-9);
}
.last-child-my-10 > *:last-child {
margin-top: var(--child-spacing-10);
margin-bottom: var(--child-spacing-10);
}
.last-child-my-11 > *:last-child {
margin-top: var(--child-spacing-11);
margin-bottom: var(--child-spacing-11);
}
.last-child-my-12 > *:last-child {
margin-top: var(--child-spacing-12);
margin-bottom: var(--child-spacing-12);
}
.last-child-my-13 > *:last-child {
margin-top: var(--child-spacing-13);
margin-bottom: var(--child-spacing-13);
}
.last-child-my-14 > *:last-child {
margin-top: var(--child-spacing-14);
margin-bottom: var(--child-spacing-14);
}
.last-child-my-15 > *:last-child {
margin-top: var(--child-spacing-15);
margin-bottom: var(--child-spacing-15);
}
Vertical margin - 0
child-spacing/last-child/margin/vertical/vertical-0.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-0 > *:last-child {
margin-top: var(--child-spacing-0);
margin-bottom: var(--child-spacing-0);
}
Vertical margin - 1
child-spacing/last-child/margin/vertical/vertical-1.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-1 > *:last-child {
margin-top: var(--child-spacing-1);
margin-bottom: var(--child-spacing-1);
}
Vertical margin - 2
child-spacing/last-child/margin/vertical/vertical-2.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-2 > *:last-child {
margin-top: var(--child-spacing-2);
margin-bottom: var(--child-spacing-2);
}
Vertical margin - 3
child-spacing/last-child/margin/vertical/vertical-3.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-3 > *:last-child {
margin-top: var(--child-spacing-3);
margin-bottom: var(--child-spacing-3);
}
Vertical margin - 4
child-spacing/last-child/margin/vertical/vertical-4.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-4 > *:last-child {
margin-top: var(--child-spacing-4);
margin-bottom: var(--child-spacing-4);
}
Vertical margin - 5
child-spacing/last-child/margin/vertical/vertical-5.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-5 > *:last-child {
margin-top: var(--child-spacing-5);
margin-bottom: var(--child-spacing-5);
}
Vertical margin - 6
child-spacing/last-child/margin/vertical/vertical-6.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-6 > *:last-child {
margin-top: var(--child-spacing-6);
margin-bottom: var(--child-spacing-6);
}
Vertical margin - 7
child-spacing/last-child/margin/vertical/vertical-7.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-7 > *:last-child {
margin-top: var(--child-spacing-7);
margin-bottom: var(--child-spacing-7);
}
Vertical margin - 8
child-spacing/last-child/margin/vertical/vertical-8.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-8 > *:last-child {
margin-top: var(--child-spacing-8);
margin-bottom: var(--child-spacing-8);
}
Vertical margin - 9
child-spacing/last-child/margin/vertical/vertical-9.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-9 > *:last-child {
margin-top: var(--child-spacing-9);
margin-bottom: var(--child-spacing-9);
}
Vertical margin - 10
child-spacing/last-child/margin/vertical/vertical-10.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-10 > *:last-child {
margin-top: var(--child-spacing-10);
margin-bottom: var(--child-spacing-10);
}
Vertical margin - 11
child-spacing/last-child/margin/vertical/vertical-11.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-11 > *:last-child {
margin-top: var(--child-spacing-11);
margin-bottom: var(--child-spacing-11);
}
Vertical margin - 12
child-spacing/last-child/margin/vertical/vertical-12.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-12 > *:last-child {
margin-top: var(--child-spacing-12);
margin-bottom: var(--child-spacing-12);
}
Vertical margin - 13
child-spacing/last-child/margin/vertical/vertical-13.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-13 > *:last-child {
margin-top: var(--child-spacing-13);
margin-bottom: var(--child-spacing-13);
}
Vertical margin - 14
child-spacing/last-child/margin/vertical/vertical-14.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-14 > *:last-child {
margin-top: var(--child-spacing-14);
margin-bottom: var(--child-spacing-14);
}
Vertical margin - 15
child-spacing/last-child/margin/vertical/vertical-15.css
/* =========================================================================== *
Last child vertical margin utilities
* =========================================================================== */
.last-child-my-15 > *:last-child {
margin-top: var(--child-spacing-15);
margin-bottom: var(--child-spacing-15);
}