Margin Classvaluerempx m-automargin: autom-0 margin: 000m-1 margin: var(--space-1)0.25rem4pxm-2 margin: var(--space-2)0.5rem8pxm-3 margin: var(--space-3)0.75rem12pxm-4 margin: var(--space-4)1rem16pxm-5 margin: var(--space-5)1.25rem20pxm-6 margin: var(--space-6)1.5rem24pxm-7 margin: var(--space-7)1.75rem28pxm-8 margin: var(--space-8)2rem32pxm-9 margin: var(--space-9)2.25rem36pxm-10margin: var(--space-10)2.5rem40pxm-11margin: var(--space-11)2.75rem44pxm-12margin: var(--space-12)3rem48pxm-13margin: var(--space-13)3.25rem52pxm-14margin: var(--space-14)3.5rem56pxm-15margin: var(--space-15)3.75rem60pxm-16margin: var(--space-16)4rem64pxm-17margin: var(--space-17)4.25rem68pxm-18margin: var(--space-18)4.5rem72pxm-19margin: var(--space-19)4.75rem76pxm-20margin: var(--space-20)5rem80pxm-1pxmargin: var(--space-1px)1pxm-2pxmargin: var(--space-2px)2pxm-3pxmargin: var(--space-3px)3pxm-4pxmargin: var(--space-4px)4pxm-5pxmargin: var(--space-5px)5pxm-6pxmargin: var(--space-6px)6pxm-7pxmargin: var(--space-7px)7pxm-8pxmargin: var(--space-8px)8pxm-9pxmargin: var(--space-9px)9pxm-10pxmargin: var(--space-10px)10px horizontal Classvaluerempx mx-automargin-left: automargin-right: automx-0 margin-left: 0margin-right: 0mx-1 margin-left: var(--space-1)margin-right: var(--space-1)0.25rem4pxmx-2 margin-left: var(--space-2)margin-right: var(--space-2)0.5rem8pxmx-3 margin-left: var(--space-3)margin-right: var(--space-3)0.75rem12pxmx-4 margin-left: var(--space-4)margin-right: var(--space-4)1rem16pxmx-5 margin-left: var(--space-5)margin-right: var(--space-5)1.25rem20pxmx-6 margin-left: var(--space-6)margin-right: var(--space-6)1.5rem24pxmx-7 margin-left: var(--space-7)margin-right: var(--space-7)1.75rem28pxmx-8 margin-left: var(--space-8)margin-right: var(--space-8)2rem32pxmx-9 margin-left: var(--space-9)margin-right: var(--space-9)2.25rem36pxmx-10margin-left: var(--space-10)margin-right: var(--space-10)2.5rem40pxmx-11margin-left: var(--space-11)margin-right: var(--space-11)2.75rem44pxmx-12margin-left: var(--space-12)margin-right: var(--space-12)3rem48pxmx-13margin-left: var(--space-13)margin-right: var(--space-13)3.25rem52pxmx-14margin-left: var(--space-14)margin-right: var(--space-14)3.5rem56pxmx-15margin-left: var(--space-15)margin-right: var(--space-15)3.75rem60pxmx-16margin-left: var(--space-16)margin-right: var(--space-16)4rem64pxmx-17margin-left: var(--space-17)margin-right: var(--space-17)4.25rem68pxmx-18margin-left: var(--space-18)margin-right: var(--space-18)4.5rem72pxmx-19margin-left: var(--space-19)margin-right: var(--space-19)4.75rem76pxmx-20margin-left: var(--space-20)margin-right: var(--space-20)5rem80pxmx-1pxmargin-left: var(--space-1px)margin-right: var(--space-1px)1pxmx-2pxmargin-left: var(--space-2px)margin-right: var(--space-2px)2pxmx-3pxmargin-left: var(--space-3px)margin-right: var(--space-3px)3pxmx-4pxmargin-left: var(--space-4px)margin-right: var(--space-4px)4pxmx-5pxmargin-left: var(--space-5px)margin-right: var(--space-5px)5pxmx-6pxmargin-left: var(--space-6px)margin-right: var(--space-6px)6pxmx-7pxmargin-left: var(--space-7px)margin-right: var(--space-7px)7pxmx-8pxmargin-left: var(--space-8px)margin-right: var(--space-8px)8pxmx-9pxmargin-left: var(--space-9px)margin-right: var(--space-9px)9pxmx-10pxmargin-left: var(--space-10px)margin-right: var(--space-10px)10px margin-left Classvaluerempx ml-automargin-left: automl-0 margin-left: 000ml-1 margin-left: var(--space-1)0.25rem4pxml-2 margin-left: var(--space-2)0.5rem8pxml-3 margin-left: var(--space-3)0.75rem12pxml-4 margin-left: var(--space-4)1rem16pxml-5 margin-left: var(--space-5)1.25rem20pxml-6 margin-left: var(--space-6)1.5rem24pxml-7 margin-left: var(--space-7)1.75rem28pxml-8 margin-left: var(--space-8)2rem32pxml-9 margin-left: var(--space-9)2.25rem36pxml-10margin-left: var(--space-10)2.5rem40pxml-11margin-left: var(--space-11)2.75rem44pxml-12margin-left: var(--space-12)3rem48pxml-13margin-left: var(--space-13)3.25rem52pxml-14margin-left: var(--space-14)3.5rem56pxml-15margin-left: var(--space-15)3.75rem60pxml-16margin-left: var(--space-16)4rem64pxml-17margin-left: var(--space-17)4.25rem68pxml-18margin-left: var(--space-18)4.5rem72pxml-19margin-left: var(--space-19)4.75rem76pxml-20margin-left: var(--space-20)5rem80pxml-1pxmargin-left: var(--space-1px)1pxml-2pxmargin-left: var(--space-2px)2pxml-3pxmargin-left: var(--space-3px)3pxml-4pxmargin-left: var(--space-4px)4pxml-5pxmargin-left: var(--space-5px)5pxml-6pxmargin-left: var(--space-6px)6pxml-7pxmargin-left: var(--space-7px)7pxml-8pxmargin-left: var(--space-8px)8pxml-9pxmargin-left: var(--space-9px)9pxml-10pxmargin-left: var(--space-10px)10px margin-right Classvaluerempx mr-automargin-right: automr-0 margin-right: 000mr-1 margin-right: var(--space-1)0.25rem4pxmr-2 margin-right: var(--space-2)0.5rem8pxmr-3 margin-right: var(--space-3)0.75rem12pxmr-4 margin-right: var(--space-4)1rem16pxmr-5 margin-right: var(--space-5)1.25rem20pxmr-6 margin-right: var(--space-6)1.5rem24pxmr-7 margin-right: var(--space-7)1.75rem28pxmr-8 margin-right: var(--space-8)2rem32pxmr-9 margin-right: var(--space-9)2.25rem36pxmr-10margin-right: var(--space-10)2.5rem40pxmr-11margin-right: var(--space-11)2.75rem44pxmr-12margin-right: var(--space-12)3rem48pxmr-13margin-right: var(--space-13)3.25rem52pxmr-14margin-right: var(--space-14)3.5rem56pxmr-15margin-right: var(--space-15)3.75rem60pxmr-16margin-right: var(--space-16)4rem64pxmr-17margin-right: var(--space-17)4.25rem68pxmr-18margin-right: var(--space-18)4.5rem72pxmr-19margin-right: var(--space-19)4.75rem76pxmr-20margin-right: var(--space-20)5rem80pxmr-1pxmargin-right: var(--space-1px)1pxmr-2pxmargin-right: var(--space-2px)2pxmr-3pxmargin-right: var(--space-3px)3pxmr-4pxmargin-right: var(--space-4px)4pxmr-5pxmargin-right: var(--space-5px)5pxmr-6pxmargin-right: var(--space-6px)6pxmr-7pxmargin-right: var(--space-7px)7pxmr-8pxmargin-right: var(--space-8px)8pxmr-9pxmargin-right: var(--space-9px)9pxmr-10pxmargin-right: var(--space-10px)10px vertical Classvaluerempx my-automargin-top: automargin-bottom: automy-1margin-top: var(--space-1)margin-bottom: var(--space-1)0.25rem4pxmy-2margin-top: var(--space-2)margin-bottom: var(--space-2)0.5rem8pxmy-3margin-top: var(--space-3)margin-bottom: var(--space-3)0.75rem12pxmy-4margin-top: var(--space-4)margin-bottom: var(--space-4)1rem16pxmy-5margin-top: var(--space-5)margin-bottom: var(--space-5)1.25rem20pxmy-0margin-top: 0margin-bottom: 0my-6margin-top: var(--space-6)margin-bottom: var(--space-6)1.5rem24pxmy-7margin-top: var(--space-7)margin-bottom: var(--space-7)1.75rem28pxmy-8margin-top: var(--space-8)margin-bottom: var(--space-8)2rem32pxmy-9margin-top: var(--space-9)margin-bottom: var(--space-9)2.25rem36pxmy-10margin-top: var(--space-10)margin-bottom: var(--space-10)2.5rem40pxmy-11margin-top: var(--space-11)margin-bottom: var(--space-11)2.75rem44pxmy-12margin-top: var(--space-12)margin-bottom: var(--space-12)3rem48pxmy-13margin-top: var(--space-13)margin-bottom: var(--space-13)3.25rem52pxmy-14margin-top: var(--space-14)margin-bottom: var(--space-14)3.5rem56pxmy-15margin-top: var(--space-15)margin-bottom: var(--space-15)3.75rem60pxmy-16margin-top: var(--space-16)margin-bottom: var(--space-16)4rem64pxmy-17margin-top: var(--space-17)margin-bottom: var(--space-17)4.25rem68pxmy-18margin-top: var(--space-18)margin-bottom: var(--space-18)4.5rem72pxmy-19margin-top: var(--space-19)margin-bottom: var(--space-19)4.75rem76pxmy-20margin-top: var(--space-20)margin-bottom: var(--space-20)5rem80pxmy-1pxmargin-top: var(--space-1px)margin-bottom: var(--space-1px)1pxmy-2pxmargin-top: var(--space-2px)margin-bottom: var(--space-2px)2pxmy-3pxmargin-top: var(--space-3px)margin-bottom: var(--space-3px)3pxmy-4pxmargin-top: var(--space-4px)margin-bottom: var(--space-4px)4pxmy-5pxmargin-top: var(--space-5px)margin-bottom: var(--space-5px)5pxmy-6pxmargin-top: var(--space-6px)margin-bottom: var(--space-6px)6pxmy-7pxmargin-top: var(--space-7px)margin-bottom: var(--space-7px)7pxmy-8pxmargin-top: var(--space-8px)margin-bottom: var(--space-8px)8pxmy-9pxmargin-top: var(--space-9px)margin-bottom: var(--space-9px)9pxmy-10pxmargin-top: var(--space-10px)margin-bottom: var(--space-10px)10px margin-top Classvaluerempx mt-automargin-top: automt-0 margin-top: 000mt-1 margin-top: var(--space-1)0.25rem4pxmt-2 margin-top: var(--space-2)0.5rem8pxmt-3 margin-top: var(--space-3)0.75rem12pxmt-4 margin-top: var(--space-4)1rem16pxmt-5 margin-top: var(--space-5)1.25rem20pxmt-6 margin-top: var(--space-6)1.5rem24pxmt-7 margin-top: var(--space-7)1.75rem28pxmt-8 margin-top: var(--space-8)2rem32pxmt-9 margin-top: var(--space-9)2.25rem36pxmt-10margin-top: var(--space-10)2.5rem40pxmt-11margin-top: var(--space-11)2.75rem44pxmt-12margin-top: var(--space-12)3rem48pxmt-13margin-top: var(--space-13)3.25rem52pxmt-14margin-top: var(--space-14)3.5rem56pxmt-15margin-top: var(--space-15)3.75rem60pxmt-16margin-top: var(--space-16)4rem64pxmt-17margin-top: var(--space-17)4.25rem68pxmt-18margin-top: var(--space-18)4.5rem72pxmt-19margin-top: var(--space-19)4.75rem76pxmt-20margin-top: var(--space-20)5rem80pxmt-1pxmargin-top: var(--space-1px)1pxmt-2pxmargin-top: var(--space-2px)2pxmt-3pxmargin-top: var(--space-3px)3pxmt-4pxmargin-top: var(--space-4px)4pxmt-5pxmargin-top: var(--space-5px)5pxmt-6pxmargin-top: var(--space-6px)6pxmt-7pxmargin-top: var(--space-7px)7pxmt-8pxmargin-top: var(--space-8px)8pxmt-9pxmargin-top: var(--space-9px)9pxmt-10pxmargin-top: var(--space-10px)10px margin-bottom Classvaluerempx mb-automargin-bottom: automb-0 margin-bottom: 000mb-1 margin-bottom: var(--space-1)0.25rem4pxmb-2 margin-bottom: var(--space-2)0.5rem8pxmb-3 margin-bottom: var(--space-3)0.75rem12pxmb-4 margin-bottom: var(--space-4)1rem16pxmb-5 margin-bottom: var(--space-5)1.25rem20pxmb-6 margin-bottom: var(--space-6)1.5rem24pxmb-7 margin-bottom: var(--space-7)1.75rem28pxmb-8 margin-bottom: var(--space-8)2rem32pxmb-9 margin-bottom: var(--space-9)2.25rem36pxmb-10margin-bottom: var(--space-10)2.5rem40pxmb-11margin-bottom: var(--space-11)2.75rem42pxmb-12margin-bottom: var(--space-12)3rem48pxmb-13margin-bottom: var(--space-13)3.25rem52pxmb-14margin-bottom: var(--space-14)3.5rem56pxmb-15margin-bottom: var(--space-15)3.75rem60pxmb-16margin-bottom: var(--space-16)4rem64pxmb-17margin-bottom: var(--space-17)4.25rem68pxmb-18margin-bottom: var(--space-18)4.5rem72pxmb-19margin-bottom: var(--space-19)4.75rem76pxmb-20margin-bottom: var(--space-20)5rem80pxmb-1pxmargin-bottom: var(--space-1px)1pxmb-2pxmargin-bottom: var(--space-2px)2pxmb-3pxmargin-bottom: var(--space-3px)3pxmb-4pxmargin-bottom: var(--space-4px)4pxmb-5pxmargin-bottom: var(--space-5px)5pxmb-6pxmargin-bottom: var(--space-6px)6pxmb-7pxmargin-bottom: var(--space-7px)7pxmb-8pxmargin-bottom: var(--space-8px)8pxmb-9pxmargin-bottom: var(--space-9px)9pxmb-10pxmargin-bottom: var(--space-10px)10px Custom Margins Classvalue m-margin: var(--lg-m-, var(--md-m-, var(--m-, 0))) Media Queries Prefix sm-, md- or lg- for media query modifiers <div class="margin-auto md-margin-10 lg-margin-20"></div>