Utilities to adjust an element's exterior spacing between other objects.
Use d-m-{stop} to set margin using spacing token stops. The number references the spacing token (d-m-100 = --dt-spacing-100 = 8px). Logical property aliases are also available: d-mbs-{stop} (margin-block-start, aka top), d-mbe-{stop} (margin-block-end, aka bottom), d-mis-{stop} (margin-inline-start, aka left), d-mie-{stop} (margin-inline-end, aka right).
<div class="d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-p-200 d-m-300 d-bgc-moderate d-bar-300 d-code--md">d-m-300</dt-stack></div>
<div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mbs-150 d-p-200 d-bgc-moderate d-bber-300 d-code--md">d-mbs-150</dt-stack></div> <div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mie-200 d-p-200 d-bgc-moderate d-bisr-300 d-code--md">d-mie-200</dt-stack></div> <div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mbe-300 d-p-200 d-bgc-moderate d-bbsr-300 d-code--md">d-mbe-300</dt-stack></div> <div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mis-400 d-p-200 d-bgc-moderate d-bier-300 d-code--md">d-mis-400</dt-stack></div>
<div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mx-200 d-p-200 d-bgc-moderate d-code--md">d-mx-200</dt-stack></div>
<div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-my-200 d-p-200 d-bgc-moderate d-code--sm">d-my-200</dt-stack></div>
Use d-mbs-n{stop} for negative margins. These use the --dt-spacing-{stop}-negative tokens.
<div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mbs-n100 d-p-200 d-bgc-moderate d-code--md">d-mbs-n100</dt-stack></div> <div class="d-as-center d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mis-n200 d-p-200 d-bgc-moderate d-code--md">d-mis-n200</dt-stack></div>
Auto margins allow an element to fill a remaining space within an object. This is especially useful in flex layouts.
<dt-stack direction="row" class="d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mx-auto d-p-200 d-bgc-moderate d-code--md">d-mx-auto</dt-stack></dt-stack> <dt-stack direction="row" class="d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mis-auto d-p-200 d-bgc-moderate d-code--md">d-mis-auto</dt-stack></dt-stack> <dt-stack direction="row" class="d-bar-400 d-bgc-bold d-of-hidden"><dt-stack direction="row" align="center" justify="center" class="d-mie-auto d-p-200 d-bgc-moderate d-code--md">d-mie-auto</dt-stack></dt-stack>
Margins can be added using d-m-{stop} or directional classes like d-m{t|r|b|l|y|x}-{stop}. Logical property aliases are also available: d-mbs-{stop} (margin-block-start, aka top), d-mbe-{stop} (margin-block-end, aka bottom), d-mis-{stop} (margin-inline-start, aka left), d-mie-{stop} (margin-inline-end, aka right).
It is highly recommended to use the DtStack component prior to applying margins individually.
Class
|
Output
|
REM
|
PX
|
|---|---|---|---|
d-m-0 | margin: var(--dt-spacing-0) !important | 0rem | 0px |
d-m-1 | margin: var(--dt-spacing-1) !important | 0.1rem | 1px |
d-m-25 | margin: var(--dt-spacing-25) !important | 0.2rem | 2px |
d-m-50 | margin: var(--dt-spacing-50) !important | 0.4rem | 4px |
d-m-75 | margin: var(--dt-spacing-75) !important | 0.6rem | 6px |
d-m-100 | margin: var(--dt-spacing-100) !important | 0.8rem | 8px |
d-m-125 | margin: var(--dt-spacing-125) !important | 1rem | 10px |
d-m-150 | margin: var(--dt-spacing-150) !important | 1.2rem | 12px |
d-m-175 | margin: var(--dt-spacing-175) !important | 1.4rem | 14px |
d-m-200 | margin: var(--dt-spacing-200) !important | 1.6rem | 16px |
d-m-250 | margin: var(--dt-spacing-250) !important | 2rem | 20px |
d-m-300 | margin: var(--dt-spacing-300) !important | 2.4rem | 24px |
d-m-350 | margin: var(--dt-spacing-350) !important | 2.8rem | 28px |
d-m-400 | margin: var(--dt-spacing-400) !important | 3.2rem | 32px |
d-m-450 | margin: var(--dt-spacing-450) !important | 3.6rem | 36px |
d-m-500 | margin: var(--dt-spacing-500) !important | 4rem | 40px |
d-m-525 | margin: var(--dt-spacing-525) !important | 4.2rem | 42px |
d-m-550 | margin: var(--dt-spacing-550) !important | 4.4rem | 44px |
d-m-600 | margin: var(--dt-spacing-600) !important | 4.8rem | 48px |
d-m-650 | margin: var(--dt-spacing-650) !important | 5.2rem | 52px |
d-m-700 | margin: var(--dt-spacing-700) !important | 5.6rem | 56px |
d-m-750 | margin: var(--dt-spacing-750) !important | 6rem | 60px |
d-m-800 | margin: var(--dt-spacing-800) !important | 6.4rem | 64px |
d-mt-0 Deprecated | margin-block-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mt-1 Deprecated | margin-block-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mt-25 Deprecated | margin-block-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mt-50 Deprecated | margin-block-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mt-75 Deprecated | margin-block-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mt-100 Deprecated | margin-block-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mt-125 Deprecated | margin-block-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mt-150 Deprecated | margin-block-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mt-175 Deprecated | margin-block-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mt-200 Deprecated | margin-block-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mt-250 Deprecated | margin-block-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mt-300 Deprecated | margin-block-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mt-350 Deprecated | margin-block-start: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mt-400 Deprecated | margin-block-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mt-450 Deprecated | margin-block-start: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mt-500 Deprecated | margin-block-start: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mt-525 Deprecated | margin-block-start: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mt-550 Deprecated | margin-block-start: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mt-600 Deprecated | margin-block-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mt-650 Deprecated | margin-block-start: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mt-700 Deprecated | margin-block-start: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mt-750 Deprecated | margin-block-start: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mt-800 Deprecated | margin-block-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mr-0 Deprecated | margin-inline-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mr-1 Deprecated | margin-inline-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mr-25 Deprecated | margin-inline-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mr-50 Deprecated | margin-inline-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mr-75 Deprecated | margin-inline-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mr-100 Deprecated | margin-inline-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mr-125 Deprecated | margin-inline-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mr-150 Deprecated | margin-inline-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mr-175 Deprecated | margin-inline-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mr-200 Deprecated | margin-inline-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mr-250 Deprecated | margin-inline-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mr-300 Deprecated | margin-inline-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mr-350 Deprecated | margin-inline-end: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mr-400 Deprecated | margin-inline-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mr-450 Deprecated | margin-inline-end: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mr-500 Deprecated | margin-inline-end: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mr-525 Deprecated | margin-inline-end: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mr-550 Deprecated | margin-inline-end: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mr-600 Deprecated | margin-inline-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mr-650 Deprecated | margin-inline-end: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mr-700 Deprecated | margin-inline-end: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mr-750 Deprecated | margin-inline-end: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mr-800 Deprecated | margin-inline-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mb-0 Deprecated | margin-block-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mb-1 Deprecated | margin-block-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mb-25 Deprecated | margin-block-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mb-50 Deprecated | margin-block-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mb-75 Deprecated | margin-block-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mb-100 Deprecated | margin-block-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mb-125 Deprecated | margin-block-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mb-150 Deprecated | margin-block-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mb-175 Deprecated | margin-block-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mb-200 Deprecated | margin-block-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mb-250 Deprecated | margin-block-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mb-300 Deprecated | margin-block-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mb-350 Deprecated | margin-block-end: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mb-400 Deprecated | margin-block-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mb-450 Deprecated | margin-block-end: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mb-500 Deprecated | margin-block-end: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mb-525 Deprecated | margin-block-end: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mb-550 Deprecated | margin-block-end: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mb-600 Deprecated | margin-block-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mb-650 Deprecated | margin-block-end: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mb-700 Deprecated | margin-block-end: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mb-750 Deprecated | margin-block-end: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mb-800 Deprecated | margin-block-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-ml-0 Deprecated | margin-inline-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-ml-1 Deprecated | margin-inline-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-ml-25 Deprecated | margin-inline-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-ml-50 Deprecated | margin-inline-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-ml-75 Deprecated | margin-inline-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-ml-100 Deprecated | margin-inline-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-ml-125 Deprecated | margin-inline-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-ml-150 Deprecated | margin-inline-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-ml-175 Deprecated | margin-inline-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-ml-200 Deprecated | margin-inline-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-ml-250 Deprecated | margin-inline-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-ml-300 Deprecated | margin-inline-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-ml-350 Deprecated | margin-inline-start: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-ml-400 Deprecated | margin-inline-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-ml-450 Deprecated | margin-inline-start: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-ml-500 Deprecated | margin-inline-start: var(--dt-spacing-500) !important; | 4rem | 40px |
d-ml-525 Deprecated | margin-inline-start: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-ml-550 Deprecated | margin-inline-start: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-ml-600 Deprecated | margin-inline-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-ml-650 Deprecated | margin-inline-start: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-ml-700 Deprecated | margin-inline-start: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-ml-750 Deprecated | margin-inline-start: var(--dt-spacing-750) !important; | 6rem | 60px |
d-ml-800 Deprecated | margin-inline-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mbs-0 | margin-block-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mbs-1 | margin-block-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mbs-25 | margin-block-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mbs-50 | margin-block-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mbs-75 | margin-block-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mbs-100 | margin-block-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mbs-125 | margin-block-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mbs-150 | margin-block-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mbs-175 | margin-block-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mbs-200 | margin-block-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mbs-250 | margin-block-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mbs-300 | margin-block-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mbs-350 | margin-block-start: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mbs-400 | margin-block-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mbs-450 | margin-block-start: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mbs-500 | margin-block-start: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mbs-525 | margin-block-start: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mbs-550 | margin-block-start: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mbs-600 | margin-block-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mbs-650 | margin-block-start: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mbs-700 | margin-block-start: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mbs-750 | margin-block-start: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mbs-800 | margin-block-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mbe-0 | margin-block-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mbe-1 | margin-block-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mbe-25 | margin-block-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mbe-50 | margin-block-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mbe-75 | margin-block-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mbe-100 | margin-block-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mbe-125 | margin-block-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mbe-150 | margin-block-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mbe-175 | margin-block-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mbe-200 | margin-block-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mbe-250 | margin-block-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mbe-300 | margin-block-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mbe-350 | margin-block-end: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mbe-400 | margin-block-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mbe-450 | margin-block-end: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mbe-500 | margin-block-end: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mbe-525 | margin-block-end: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mbe-550 | margin-block-end: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mbe-600 | margin-block-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mbe-650 | margin-block-end: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mbe-700 | margin-block-end: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mbe-750 | margin-block-end: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mbe-800 | margin-block-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mis-0 | margin-inline-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mis-1 | margin-inline-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mis-25 | margin-inline-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mis-50 | margin-inline-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mis-75 | margin-inline-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mis-100 | margin-inline-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mis-125 | margin-inline-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mis-150 | margin-inline-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mis-175 | margin-inline-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mis-200 | margin-inline-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mis-250 | margin-inline-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mis-300 | margin-inline-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mis-350 | margin-inline-start: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mis-400 | margin-inline-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mis-450 | margin-inline-start: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mis-500 | margin-inline-start: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mis-525 | margin-inline-start: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mis-550 | margin-inline-start: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mis-600 | margin-inline-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mis-650 | margin-inline-start: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mis-700 | margin-inline-start: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mis-750 | margin-inline-start: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mis-800 | margin-inline-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mie-0 | margin-inline-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mie-1 | margin-inline-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mie-25 | margin-inline-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mie-50 | margin-inline-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mie-75 | margin-inline-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mie-100 | margin-inline-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mie-125 | margin-inline-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mie-150 | margin-inline-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mie-175 | margin-inline-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mie-200 | margin-inline-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mie-250 | margin-inline-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mie-300 | margin-inline-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mie-350 | margin-inline-end: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mie-400 | margin-inline-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mie-450 | margin-inline-end: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mie-500 | margin-inline-end: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mie-525 | margin-inline-end: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mie-550 | margin-inline-end: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mie-600 | margin-inline-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mie-650 | margin-inline-end: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mie-700 | margin-inline-end: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mie-750 | margin-inline-end: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mie-800 | margin-inline-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mx-0 | margin-inline: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mx-1 | margin-inline: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mx-25 | margin-inline: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mx-50 | margin-inline: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mx-75 | margin-inline: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mx-100 | margin-inline: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mx-125 | margin-inline: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mx-150 | margin-inline: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mx-175 | margin-inline: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mx-200 | margin-inline: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mx-250 | margin-inline: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mx-300 | margin-inline: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mx-350 | margin-inline: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-mx-400 | margin-inline: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mx-450 | margin-inline: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-mx-500 | margin-inline: var(--dt-spacing-500) !important; | 4rem | 40px |
d-mx-525 | margin-inline: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-mx-550 | margin-inline: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-mx-600 | margin-inline: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mx-650 | margin-inline: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-mx-700 | margin-inline: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-mx-750 | margin-inline: var(--dt-spacing-750) !important; | 6rem | 60px |
d-mx-800 | margin-inline: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-my-0 | margin-block: var(--dt-spacing-0) !important; | 0rem | 0px |
d-my-1 | margin-block: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-my-25 | margin-block: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-my-50 | margin-block: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-my-75 | margin-block: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-my-100 | margin-block: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-my-125 | margin-block: var(--dt-spacing-125) !important; | 1rem | 10px |
d-my-150 | margin-block: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-my-175 | margin-block: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-my-200 | margin-block: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-my-250 | margin-block: var(--dt-spacing-250) !important; | 2rem | 20px |
d-my-300 | margin-block: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-my-350 | margin-block: var(--dt-spacing-350) !important; | 2.8rem | 28px |
d-my-400 | margin-block: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-my-450 | margin-block: var(--dt-spacing-450) !important; | 3.6rem | 36px |
d-my-500 | margin-block: var(--dt-spacing-500) !important; | 4rem | 40px |
d-my-525 | margin-block: var(--dt-spacing-525) !important; | 4.2rem | 42px |
d-my-550 | margin-block: var(--dt-spacing-550) !important; | 4.4rem | 44px |
d-my-600 | margin-block: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-my-650 | margin-block: var(--dt-spacing-650) !important; | 5.2rem | 52px |
d-my-700 | margin-block: var(--dt-spacing-700) !important; | 5.6rem | 56px |
d-my-750 | margin-block: var(--dt-spacing-750) !important; | 6rem | 60px |
d-my-800 | margin-block: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-m-n1 | margin: var(--dt-spacing-1-negative) !important | -0.1rem | -1px |
d-m-n25 | margin: var(--dt-spacing-25-negative) !important | -0.2rem | -2px |
d-m-n50 | margin: var(--dt-spacing-50-negative) !important | -0.4rem | -4px |
d-m-n75 | margin: var(--dt-spacing-75-negative) !important | -0.6rem | -6px |
d-m-n100 | margin: var(--dt-spacing-100-negative) !important | -0.8rem | -8px |
d-m-n125 | margin: var(--dt-spacing-125-negative) !important | -1rem | -10px |
d-m-n150 | margin: var(--dt-spacing-150-negative) !important | -1.2rem | -12px |
d-m-n175 | margin: var(--dt-spacing-175-negative) !important | -1.4rem | -14px |
d-m-n200 | margin: var(--dt-spacing-200-negative) !important | -1.6rem | -16px |
d-m-n250 | margin: var(--dt-spacing-250-negative) !important | -2rem | -20px |
d-m-n300 | margin: var(--dt-spacing-300-negative) !important | -2.4rem | -24px |
d-m-n350 | margin: var(--dt-spacing-350-negative) !important | -2.8rem | -28px |
d-m-n400 | margin: var(--dt-spacing-400-negative) !important | -3.2rem | -32px |
d-m-n450 | margin: var(--dt-spacing-450-negative) !important | -3.6rem | -36px |
d-m-n500 | margin: var(--dt-spacing-500-negative) !important | -4rem | -40px |
d-m-n525 | margin: var(--dt-spacing-525-negative) !important | -4.2rem | -42px |
d-m-n550 | margin: var(--dt-spacing-550-negative) !important | -4.4rem | -44px |
d-m-n600 | margin: var(--dt-spacing-600-negative) !important | -4.8rem | -48px |
d-m-n650 | margin: var(--dt-spacing-650-negative) !important | -5.2rem | -52px |
d-m-n700 | margin: var(--dt-spacing-700-negative) !important | -5.6rem | -56px |
d-m-n750 | margin: var(--dt-spacing-750-negative) !important | -6rem | -60px |
d-m-n800 | margin: var(--dt-spacing-800-negative) !important | -6.4rem | -64px |
d-mt-n1 Deprecated | margin-block-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mt-n25 Deprecated | margin-block-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mt-n50 Deprecated | margin-block-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mt-n75 Deprecated | margin-block-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mt-n100 Deprecated | margin-block-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mt-n125 Deprecated | margin-block-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mt-n150 Deprecated | margin-block-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mt-n175 Deprecated | margin-block-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mt-n200 Deprecated | margin-block-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mt-n250 Deprecated | margin-block-start: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mt-n300 Deprecated | margin-block-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mt-n350 Deprecated | margin-block-start: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mt-n400 Deprecated | margin-block-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mt-n450 Deprecated | margin-block-start: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mt-n500 Deprecated | margin-block-start: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mt-n525 Deprecated | margin-block-start: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mt-n550 Deprecated | margin-block-start: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mt-n600 Deprecated | margin-block-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mt-n650 Deprecated | margin-block-start: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mt-n700 Deprecated | margin-block-start: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mt-n750 Deprecated | margin-block-start: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mt-n800 Deprecated | margin-block-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mr-n1 Deprecated | margin-inline-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mr-n25 Deprecated | margin-inline-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mr-n50 Deprecated | margin-inline-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mr-n75 Deprecated | margin-inline-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mr-n100 Deprecated | margin-inline-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mr-n125 Deprecated | margin-inline-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mr-n150 Deprecated | margin-inline-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mr-n175 Deprecated | margin-inline-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mr-n200 Deprecated | margin-inline-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mr-n250 Deprecated | margin-inline-end: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mr-n300 Deprecated | margin-inline-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mr-n350 Deprecated | margin-inline-end: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mr-n400 Deprecated | margin-inline-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mr-n450 Deprecated | margin-inline-end: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mr-n500 Deprecated | margin-inline-end: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mr-n525 Deprecated | margin-inline-end: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mr-n550 Deprecated | margin-inline-end: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mr-n600 Deprecated | margin-inline-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mr-n650 Deprecated | margin-inline-end: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mr-n700 Deprecated | margin-inline-end: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mr-n750 Deprecated | margin-inline-end: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mr-n800 Deprecated | margin-inline-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mb-n1 Deprecated | margin-block-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mb-n25 Deprecated | margin-block-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mb-n50 Deprecated | margin-block-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mb-n75 Deprecated | margin-block-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mb-n100 Deprecated | margin-block-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mb-n125 Deprecated | margin-block-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mb-n150 Deprecated | margin-block-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mb-n175 Deprecated | margin-block-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mb-n200 Deprecated | margin-block-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mb-n250 Deprecated | margin-block-end: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mb-n300 Deprecated | margin-block-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mb-n350 Deprecated | margin-block-end: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mb-n400 Deprecated | margin-block-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mb-n450 Deprecated | margin-block-end: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mb-n500 Deprecated | margin-block-end: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mb-n525 Deprecated | margin-block-end: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mb-n550 Deprecated | margin-block-end: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mb-n600 Deprecated | margin-block-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mb-n650 Deprecated | margin-block-end: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mb-n700 Deprecated | margin-block-end: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mb-n750 Deprecated | margin-block-end: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mb-n800 Deprecated | margin-block-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-ml-n1 Deprecated | margin-inline-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-ml-n25 Deprecated | margin-inline-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-ml-n50 Deprecated | margin-inline-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-ml-n75 Deprecated | margin-inline-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-ml-n100 Deprecated | margin-inline-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-ml-n125 Deprecated | margin-inline-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-ml-n150 Deprecated | margin-inline-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-ml-n175 Deprecated | margin-inline-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-ml-n200 Deprecated | margin-inline-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-ml-n250 Deprecated | margin-inline-start: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-ml-n300 Deprecated | margin-inline-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-ml-n350 Deprecated | margin-inline-start: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-ml-n400 Deprecated | margin-inline-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-ml-n450 Deprecated | margin-inline-start: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-ml-n500 Deprecated | margin-inline-start: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-ml-n525 Deprecated | margin-inline-start: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-ml-n550 Deprecated | margin-inline-start: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-ml-n600 Deprecated | margin-inline-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-ml-n650 Deprecated | margin-inline-start: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-ml-n700 Deprecated | margin-inline-start: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-ml-n750 Deprecated | margin-inline-start: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-ml-n800 Deprecated | margin-inline-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mbs-n1 | margin-block-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mbs-n25 | margin-block-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mbs-n50 | margin-block-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mbs-n75 | margin-block-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mbs-n100 | margin-block-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mbs-n125 | margin-block-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mbs-n150 | margin-block-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mbs-n175 | margin-block-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mbs-n200 | margin-block-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mbs-n250 | margin-block-start: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mbs-n300 | margin-block-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mbs-n350 | margin-block-start: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mbs-n400 | margin-block-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mbs-n450 | margin-block-start: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mbs-n500 | margin-block-start: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mbs-n525 | margin-block-start: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mbs-n550 | margin-block-start: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mbs-n600 | margin-block-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mbs-n650 | margin-block-start: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mbs-n700 | margin-block-start: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mbs-n750 | margin-block-start: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mbs-n800 | margin-block-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mbe-n1 | margin-block-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mbe-n25 | margin-block-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mbe-n50 | margin-block-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mbe-n75 | margin-block-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mbe-n100 | margin-block-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mbe-n125 | margin-block-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mbe-n150 | margin-block-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mbe-n175 | margin-block-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mbe-n200 | margin-block-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mbe-n250 | margin-block-end: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mbe-n300 | margin-block-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mbe-n350 | margin-block-end: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mbe-n400 | margin-block-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mbe-n450 | margin-block-end: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mbe-n500 | margin-block-end: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mbe-n525 | margin-block-end: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mbe-n550 | margin-block-end: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mbe-n600 | margin-block-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mbe-n650 | margin-block-end: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mbe-n700 | margin-block-end: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mbe-n750 | margin-block-end: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mbe-n800 | margin-block-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mis-n1 | margin-inline-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mis-n25 | margin-inline-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mis-n50 | margin-inline-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mis-n75 | margin-inline-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mis-n100 | margin-inline-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mis-n125 | margin-inline-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mis-n150 | margin-inline-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mis-n175 | margin-inline-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mis-n200 | margin-inline-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mis-n250 | margin-inline-start: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mis-n300 | margin-inline-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mis-n350 | margin-inline-start: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mis-n400 | margin-inline-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mis-n450 | margin-inline-start: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mis-n500 | margin-inline-start: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mis-n525 | margin-inline-start: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mis-n550 | margin-inline-start: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mis-n600 | margin-inline-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mis-n650 | margin-inline-start: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mis-n700 | margin-inline-start: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mis-n750 | margin-inline-start: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mis-n800 | margin-inline-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mie-n1 | margin-inline-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mie-n25 | margin-inline-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mie-n50 | margin-inline-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mie-n75 | margin-inline-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mie-n100 | margin-inline-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mie-n125 | margin-inline-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mie-n150 | margin-inline-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mie-n175 | margin-inline-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mie-n200 | margin-inline-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mie-n250 | margin-inline-end: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mie-n300 | margin-inline-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mie-n350 | margin-inline-end: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mie-n400 | margin-inline-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mie-n450 | margin-inline-end: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mie-n500 | margin-inline-end: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mie-n525 | margin-inline-end: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mie-n550 | margin-inline-end: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mie-n600 | margin-inline-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mie-n650 | margin-inline-end: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mie-n700 | margin-inline-end: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mie-n750 | margin-inline-end: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mie-n800 | margin-inline-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mx-n1 | margin-inline: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mx-n25 | margin-inline: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mx-n50 | margin-inline: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mx-n75 | margin-inline: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mx-n100 | margin-inline: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mx-n125 | margin-inline: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mx-n150 | margin-inline: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mx-n175 | margin-inline: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mx-n200 | margin-inline: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mx-n250 | margin-inline: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-mx-n300 | margin-inline: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mx-n350 | margin-inline: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-mx-n400 | margin-inline: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mx-n450 | margin-inline: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-mx-n500 | margin-inline: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-mx-n525 | margin-inline: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-mx-n550 | margin-inline: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-mx-n600 | margin-inline: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mx-n650 | margin-inline: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-mx-n700 | margin-inline: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-mx-n750 | margin-inline: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-mx-n800 | margin-inline: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-my-n1 | margin-block: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-my-n25 | margin-block: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-my-n50 | margin-block: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-my-n75 | margin-block: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-my-n100 | margin-block: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-my-n125 | margin-block: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-my-n150 | margin-block: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-my-n175 | margin-block: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-my-n200 | margin-block: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-my-n250 | margin-block: var(--dt-spacing-250-negative) !important; | -2rem | -20px |
d-my-n300 | margin-block: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-my-n350 | margin-block: var(--dt-spacing-350-negative) !important; | -2.8rem | -28px |
d-my-n400 | margin-block: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-my-n450 | margin-block: var(--dt-spacing-450-negative) !important; | -3.6rem | -36px |
d-my-n500 | margin-block: var(--dt-spacing-500-negative) !important; | -4rem | -40px |
d-my-n525 | margin-block: var(--dt-spacing-525-negative) !important; | -4.2rem | -42px |
d-my-n550 | margin-block: var(--dt-spacing-550-negative) !important; | -4.4rem | -44px |
d-my-n600 | margin-block: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-my-n650 | margin-block: var(--dt-spacing-650-negative) !important; | -5.2rem | -52px |
d-my-n700 | margin-block: var(--dt-spacing-700-negative) !important; | -5.6rem | -56px |
d-my-n750 | margin-block: var(--dt-spacing-750-negative) !important; | -6rem | -60px |
d-my-n800 | margin-block: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
| d-m-auto | margin: auto !important | N/A | N/A |
| d-mt-auto Deprecated | margin-block-start: auto !important; | N/A | N/A |
| d-mr-auto Deprecated | margin-inline-end: auto !important; | N/A | N/A |
| d-mb-auto Deprecated | margin-block-end: auto !important; | N/A | N/A |
| d-ml-auto Deprecated | margin-inline-start: auto !important; | N/A | N/A |
| d-mbs-auto | margin-block-start: auto !important; | N/A | N/A |
| d-mbe-auto | margin-block-end: auto !important; | N/A | N/A |
| d-mis-auto | margin-inline-start: auto !important; | N/A | N/A |
| d-mie-auto | margin-inline-end: auto !important; | N/A | N/A |
| d-mx-auto | margin-inline: auto !important; | N/A | N/A |
| d-my-auto | margin-block: auto !important; | N/A | N/A |
| d-m-unset | margin: unset !important | N/A | N/A |
| d-mt-unset Deprecated | margin-block-start: unset !important; | N/A | N/A |
| d-mr-unset Deprecated | margin-inline-end: unset !important; | N/A | N/A |
| d-mb-unset Deprecated | margin-block-end: unset !important; | N/A | N/A |
| d-ml-unset Deprecated | margin-inline-start: unset !important; | N/A | N/A |
| d-mbs-unset | margin-block-start: unset !important; | N/A | N/A |
| d-mbe-unset | margin-block-end: unset !important; | N/A | N/A |
| d-mis-unset | margin-inline-start: unset !important; | N/A | N/A |
| d-mie-unset | margin-inline-end: unset !important; | N/A | N/A |
| d-mx-unset | margin-inline: unset !important; | N/A | N/A |
| d-my-unset | margin-block: unset !important; | N/A | N/A |
d-m0 Deprecated | margin: var(--dt-spacing-0) !important | 0rem | 0px |
d-m1 Deprecated | margin: var(--dt-spacing-1) !important | 0.1rem | 1px |
d-m2 Deprecated | margin: var(--dt-spacing-25) !important | 0.2rem | 2px |
d-m4 Deprecated | margin: var(--dt-spacing-50) !important | 0.4rem | 4px |
d-m6 Deprecated | margin: var(--dt-spacing-75) !important | 0.6rem | 6px |
d-m8 Deprecated | margin: var(--dt-spacing-100) !important | 0.8rem | 8px |
d-m10 Deprecated | margin: var(--dt-spacing-125) !important | 1rem | 10px |
d-m12 Deprecated | margin: var(--dt-spacing-150) !important | 1.2rem | 12px |
d-m14 Deprecated | margin: var(--dt-spacing-175) !important | 1.4rem | 14px |
d-m16 Deprecated | margin: var(--dt-spacing-200) !important | 1.6rem | 16px |
d-m20 Deprecated | margin: var(--dt-spacing-250) !important | 2rem | 20px |
d-m24 Deprecated | margin: var(--dt-spacing-300) !important | 2.4rem | 24px |
d-m32 Deprecated | margin: var(--dt-spacing-400) !important | 3.2rem | 32px |
d-m48 Deprecated | margin: var(--dt-spacing-600) !important | 4.8rem | 48px |
d-m64 Deprecated | margin: var(--dt-spacing-800) !important | 6.4rem | 64px |
d-m96 Deprecated | margin: var(--dt-layout-150) !important | 9.6rem | 96px |
d-m128 Deprecated | margin: var(--dt-layout-200) !important | 12.8rem | 128px |
d-mt0 Deprecated | margin-block-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mt1 Deprecated | margin-block-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mt2 Deprecated | margin-block-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mt4 Deprecated | margin-block-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mt6 Deprecated | margin-block-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mt8 Deprecated | margin-block-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mt10 Deprecated | margin-block-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mt12 Deprecated | margin-block-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mt14 Deprecated | margin-block-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mt16 Deprecated | margin-block-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mt20 Deprecated | margin-block-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mt24 Deprecated | margin-block-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mt32 Deprecated | margin-block-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mt48 Deprecated | margin-block-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mt64 Deprecated | margin-block-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mt96 Deprecated | margin-block-start: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-mt128 Deprecated | margin-block-start: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-mr0 Deprecated | margin-inline-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mr1 Deprecated | margin-inline-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mr2 Deprecated | margin-inline-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mr4 Deprecated | margin-inline-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mr6 Deprecated | margin-inline-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mr8 Deprecated | margin-inline-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mr10 Deprecated | margin-inline-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mr12 Deprecated | margin-inline-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mr14 Deprecated | margin-inline-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mr16 Deprecated | margin-inline-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mr20 Deprecated | margin-inline-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mr24 Deprecated | margin-inline-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mr32 Deprecated | margin-inline-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mr48 Deprecated | margin-inline-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mr64 Deprecated | margin-inline-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mr96 Deprecated | margin-inline-end: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-mr128 Deprecated | margin-inline-end: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-mb0 Deprecated | margin-block-end: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mb1 Deprecated | margin-block-end: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mb2 Deprecated | margin-block-end: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mb4 Deprecated | margin-block-end: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mb6 Deprecated | margin-block-end: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mb8 Deprecated | margin-block-end: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mb10 Deprecated | margin-block-end: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mb12 Deprecated | margin-block-end: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mb14 Deprecated | margin-block-end: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mb16 Deprecated | margin-block-end: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mb20 Deprecated | margin-block-end: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mb24 Deprecated | margin-block-end: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mb32 Deprecated | margin-block-end: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mb48 Deprecated | margin-block-end: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mb64 Deprecated | margin-block-end: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mb96 Deprecated | margin-block-end: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-mb128 Deprecated | margin-block-end: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-ml0 Deprecated | margin-inline-start: var(--dt-spacing-0) !important; | 0rem | 0px |
d-ml1 Deprecated | margin-inline-start: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-ml2 Deprecated | margin-inline-start: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-ml4 Deprecated | margin-inline-start: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-ml6 Deprecated | margin-inline-start: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-ml8 Deprecated | margin-inline-start: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-ml10 Deprecated | margin-inline-start: var(--dt-spacing-125) !important; | 1rem | 10px |
d-ml12 Deprecated | margin-inline-start: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-ml14 Deprecated | margin-inline-start: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-ml16 Deprecated | margin-inline-start: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-ml20 Deprecated | margin-inline-start: var(--dt-spacing-250) !important; | 2rem | 20px |
d-ml24 Deprecated | margin-inline-start: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-ml32 Deprecated | margin-inline-start: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-ml48 Deprecated | margin-inline-start: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-ml64 Deprecated | margin-inline-start: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-ml96 Deprecated | margin-inline-start: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-ml128 Deprecated | margin-inline-start: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-mx0 Deprecated | margin-inline: var(--dt-spacing-0) !important; | 0rem | 0px |
d-mx1 Deprecated | margin-inline: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-mx2 Deprecated | margin-inline: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-mx4 Deprecated | margin-inline: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-mx6 Deprecated | margin-inline: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-mx8 Deprecated | margin-inline: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-mx10 Deprecated | margin-inline: var(--dt-spacing-125) !important; | 1rem | 10px |
d-mx12 Deprecated | margin-inline: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-mx14 Deprecated | margin-inline: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-mx16 Deprecated | margin-inline: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-mx20 Deprecated | margin-inline: var(--dt-spacing-250) !important; | 2rem | 20px |
d-mx24 Deprecated | margin-inline: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-mx32 Deprecated | margin-inline: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-mx48 Deprecated | margin-inline: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-mx64 Deprecated | margin-inline: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-mx96 Deprecated | margin-inline: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-mx128 Deprecated | margin-inline: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-my0 Deprecated | margin-block: var(--dt-spacing-0) !important; | 0rem | 0px |
d-my1 Deprecated | margin-block: var(--dt-spacing-1) !important; | 0.1rem | 1px |
d-my2 Deprecated | margin-block: var(--dt-spacing-25) !important; | 0.2rem | 2px |
d-my4 Deprecated | margin-block: var(--dt-spacing-50) !important; | 0.4rem | 4px |
d-my6 Deprecated | margin-block: var(--dt-spacing-75) !important; | 0.6rem | 6px |
d-my8 Deprecated | margin-block: var(--dt-spacing-100) !important; | 0.8rem | 8px |
d-my10 Deprecated | margin-block: var(--dt-spacing-125) !important; | 1rem | 10px |
d-my12 Deprecated | margin-block: var(--dt-spacing-150) !important; | 1.2rem | 12px |
d-my14 Deprecated | margin-block: var(--dt-spacing-175) !important; | 1.4rem | 14px |
d-my16 Deprecated | margin-block: var(--dt-spacing-200) !important; | 1.6rem | 16px |
d-my20 Deprecated | margin-block: var(--dt-spacing-250) !important; | 2rem | 20px |
d-my24 Deprecated | margin-block: var(--dt-spacing-300) !important; | 2.4rem | 24px |
d-my32 Deprecated | margin-block: var(--dt-spacing-400) !important; | 3.2rem | 32px |
d-my48 Deprecated | margin-block: var(--dt-spacing-600) !important; | 4.8rem | 48px |
d-my64 Deprecated | margin-block: var(--dt-spacing-800) !important; | 6.4rem | 64px |
d-my96 Deprecated | margin-block: var(--dt-layout-150) !important; | 9.6rem | 96px |
d-my128 Deprecated | margin-block: var(--dt-layout-200) !important; | 12.8rem | 128px |
d-mn1 Deprecated | margin: var(--dt-spacing-1-negative) !important | -0.1rem | -1px |
d-mn2 Deprecated | margin: var(--dt-spacing-25-negative) !important | -0.2rem | -2px |
d-mn4 Deprecated | margin: var(--dt-spacing-50-negative) !important | -0.4rem | -4px |
d-mn6 Deprecated | margin: var(--dt-spacing-75-negative) !important | -0.6rem | -6px |
d-mn8 Deprecated | margin: var(--dt-spacing-100-negative) !important | -0.8rem | -8px |
d-mn10 Deprecated | margin: var(--dt-spacing-125-negative) !important | -1rem | -10px |
d-mn12 Deprecated | margin: var(--dt-spacing-150-negative) !important | -1.2rem | -12px |
d-mn14 Deprecated | margin: var(--dt-spacing-175-negative) !important | -1.4rem | -14px |
d-mn16 Deprecated | margin: var(--dt-spacing-200-negative) !important | -1.6rem | -16px |
d-mn24 Deprecated | margin: var(--dt-spacing-300-negative) !important | -2.4rem | -24px |
d-mn32 Deprecated | margin: var(--dt-spacing-400-negative) !important | -3.2rem | -32px |
d-mn48 Deprecated | margin: var(--dt-spacing-600-negative) !important | -4.8rem | -48px |
d-mn64 Deprecated | margin: var(--dt-spacing-800-negative) !important | -6.4rem | -64px |
d-mtn1 Deprecated | margin-block-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mtn2 Deprecated | margin-block-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mtn4 Deprecated | margin-block-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mtn6 Deprecated | margin-block-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mtn8 Deprecated | margin-block-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mtn10 Deprecated | margin-block-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mtn12 Deprecated | margin-block-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mtn14 Deprecated | margin-block-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mtn16 Deprecated | margin-block-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mtn24 Deprecated | margin-block-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mtn32 Deprecated | margin-block-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mtn48 Deprecated | margin-block-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mtn64 Deprecated | margin-block-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mrn1 Deprecated | margin-inline-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mrn2 Deprecated | margin-inline-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mrn4 Deprecated | margin-inline-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mrn6 Deprecated | margin-inline-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mrn8 Deprecated | margin-inline-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mrn10 Deprecated | margin-inline-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mrn12 Deprecated | margin-inline-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mrn14 Deprecated | margin-inline-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mrn16 Deprecated | margin-inline-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mrn24 Deprecated | margin-inline-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mrn32 Deprecated | margin-inline-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mrn48 Deprecated | margin-inline-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mrn64 Deprecated | margin-inline-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mbn1 Deprecated | margin-block-end: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mbn2 Deprecated | margin-block-end: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mbn4 Deprecated | margin-block-end: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mbn6 Deprecated | margin-block-end: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mbn8 Deprecated | margin-block-end: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mbn10 Deprecated | margin-block-end: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mbn12 Deprecated | margin-block-end: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mbn14 Deprecated | margin-block-end: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mbn16 Deprecated | margin-block-end: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mbn24 Deprecated | margin-block-end: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mbn32 Deprecated | margin-block-end: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mbn48 Deprecated | margin-block-end: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mbn64 Deprecated | margin-block-end: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mln1 Deprecated | margin-inline-start: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mln2 Deprecated | margin-inline-start: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mln4 Deprecated | margin-inline-start: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mln6 Deprecated | margin-inline-start: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mln8 Deprecated | margin-inline-start: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mln10 Deprecated | margin-inline-start: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mln12 Deprecated | margin-inline-start: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mln14 Deprecated | margin-inline-start: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mln16 Deprecated | margin-inline-start: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mln24 Deprecated | margin-inline-start: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mln32 Deprecated | margin-inline-start: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mln48 Deprecated | margin-inline-start: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mln64 Deprecated | margin-inline-start: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-mxn1 Deprecated | margin-inline: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-mxn2 Deprecated | margin-inline: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-mxn4 Deprecated | margin-inline: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-mxn6 Deprecated | margin-inline: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-mxn8 Deprecated | margin-inline: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-mxn10 Deprecated | margin-inline: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-mxn12 Deprecated | margin-inline: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-mxn14 Deprecated | margin-inline: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-mxn16 Deprecated | margin-inline: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-mxn24 Deprecated | margin-inline: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-mxn32 Deprecated | margin-inline: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-mxn48 Deprecated | margin-inline: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-mxn64 Deprecated | margin-inline: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
d-myn1 Deprecated | margin-block: var(--dt-spacing-1-negative) !important; | -0.1rem | -1px |
d-myn2 Deprecated | margin-block: var(--dt-spacing-25-negative) !important; | -0.2rem | -2px |
d-myn4 Deprecated | margin-block: var(--dt-spacing-50-negative) !important; | -0.4rem | -4px |
d-myn6 Deprecated | margin-block: var(--dt-spacing-75-negative) !important; | -0.6rem | -6px |
d-myn8 Deprecated | margin-block: var(--dt-spacing-100-negative) !important; | -0.8rem | -8px |
d-myn10 Deprecated | margin-block: var(--dt-spacing-125-negative) !important; | -1rem | -10px |
d-myn12 Deprecated | margin-block: var(--dt-spacing-150-negative) !important; | -1.2rem | -12px |
d-myn14 Deprecated | margin-block: var(--dt-spacing-175-negative) !important; | -1.4rem | -14px |
d-myn16 Deprecated | margin-block: var(--dt-spacing-200-negative) !important; | -1.6rem | -16px |
d-myn24 Deprecated | margin-block: var(--dt-spacing-300-negative) !important; | -2.4rem | -24px |
d-myn32 Deprecated | margin-block: var(--dt-spacing-400-negative) !important; | -3.2rem | -32px |
d-myn48 Deprecated | margin-block: var(--dt-spacing-600-negative) !important; | -4.8rem | -48px |
d-myn64 Deprecated | margin-block: var(--dt-spacing-800-negative) !important; | -6.4rem | -64px |
Margins documentation last updated Thursday, October 15, 2026