Padding Classvaluerempx p-0 padding: 000p-1 padding: var(--space-1)0.25rem4pxp-2 padding: var(--space-2)0.5rem8pxp-3 padding: var(--space-3)0.75rem12pxp-4 padding: var(--space-4)1rem16pxp-5 padding: var(--space-5)1.25rem20pxp-6 padding: var(--space-6)1.5rem24pxp-7 padding: var(--space-7)1.75rem28pxp-8 padding: var(--space-8)2rem32pxp-9 padding: var(--space-9)2.25rem36pxp-10padding: var(--space-10)2.5rem40pxp-11padding: var(--space-11)2.75rem44pxp-12padding: var(--space-12)3rem48pxp-13padding: var(--space-13)3.25rem52pxp-14padding: var(--space-14)3.5rem56pxp-15padding: var(--space-15)3.75rem60pxp-16padding: var(--space-16)4rem64pxp-17padding: var(--space-17)4.25rem68pxp-18padding: var(--space-18)4.5rem72pxp-19padding: var(--space-19)4.75rem76pxp-20padding: var(--space-20)5rem80pxp-1pxpadding: var(--space-1px)1pxp-2pxpadding: var(--space-2px)2pxp-3pxpadding: var(--space-3px)3pxp-4pxpadding: var(--space-4px)4pxp-5pxpadding: var(--space-5px)5pxp-6pxpadding: var(--space-6px)6pxp-7pxpadding: var(--space-7px)7pxp-8pxpadding: var(--space-8px)8pxp-9pxpadding: var(--space-9px)9pxp-10pxpadding: var(--space-10px)10px horizontal Classvaluerempx px-0 padding-left: 0padding-right: 0px-1 padding-left: var(--space-1)padding-right: var(--space-1)0.25rem4pxpx-2 padding-left: var(--space-2)padding-right: var(--space-2)0.5rem8pxpx-3 padding-left: var(--space-3)padding-right: var(--space-3)0.75rem12pxpx-4 padding-left: var(--space-4)padding-right: var(--space-4)1rem16pxpx-5 padding-left: var(--space-5)padding-right: var(--space-5)1.25rem20pxpx-6 padding-left: var(--space-6)padding-right: var(--space-6)1.5rem24pxpx-7 padding-left: var(--space-7)padding-right: var(--space-7)1.75rem28pxpx-8 padding-left: var(--space-8)padding-right: var(--space-8)2rem32pxpx-9 padding-left: var(--space-9)padding-right: var(--space-9)2.25rem36pxpx-10padding-left: var(--space-10)padding-right: var(--space-10)2.5rem40pxpx-11padding-left: var(--space-11)padding-right: var(--space-11)2.75rem44pxpx-12padding-left: var(--space-12)padding-right: var(--space-12)3rem48pxpx-13padding-left: var(--space-13)padding-right: var(--space-13)3.25rem52pxpx-14padding-left: var(--space-14)padding-right: var(--space-14)3.5rem56pxpx-15padding-left: var(--space-15)padding-right: var(--space-15)3.75rem60pxpx-16padding-left: var(--space-16)padding-right: var(--space-16)4rem64pxpx-17padding-left: var(--space-17)padding-right: var(--space-17)4.25rem68pxpx-18padding-left: var(--space-18)padding-right: var(--space-18)4.5rem72pxpx-19padding-left: var(--space-19)padding-right: var(--space-19)4.75rem76pxpx-20padding-left: var(--space-20)padding-right: var(--space-20)5rem80pxpx-1pxpadding-left: var(--space-1px)padding-right: var(--space-1px)1pxpx-2pxpadding-left: var(--space-2px)padding-right: var(--space-2px)2pxpx-3pxpadding-left: var(--space-3px)padding-right: var(--space-3px)3pxpx-4pxpadding-left: var(--space-4px)padding-right: var(--space-4px)4pxpx-5pxpadding-left: var(--space-5px)padding-right: var(--space-5px)5pxpx-6pxpadding-left: var(--space-6px)padding-right: var(--space-6px)6pxpx-7pxpadding-left: var(--space-7px)padding-right: var(--space-7px)7pxpx-8pxpadding-left: var(--space-8px)padding-right: var(--space-8px)8pxpx-9pxpadding-left: var(--space-9px)padding-right: var(--space-9px)9pxpx-10pxpadding-left: var(--space-10px)padding-right: var(--space-10px)10px padding-left Classvaluerempx pl-0 padding-left: 000pl-1 padding-left: var(--space-1)0.25rem4pxpl-2 padding-left: var(--space-2)0.5rem8pxpl-3 padding-left: var(--space-3)0.75rem12pxpl-4 padding-left: var(--space-4)1rem16pxpl-5 padding-left: var(--space-5)1.25rem20pxpl-6 padding-left: var(--space-6)1.5rem24pxpl-7 padding-left: var(--space-7)1.75rem28pxpl-8 padding-left: var(--space-8)2rem32pxpl-9 padding-left: var(--space-9)2.25rem36pxpl-10padding-left: var(--space-10)2.5rem40pxpl-11padding-left: var(--space-11)2.75rem44pxpl-12padding-left: var(--space-12)3rem48pxpl-13padding-left: var(--space-13)3.25rem52pxpl-14padding-left: var(--space-14)3.5rem56pxpl-15padding-left: var(--space-15)3.75rem60pxpl-16padding-left: var(--space-16)4rem64pxpl-17padding-left: var(--space-17)4.25rem68pxpl-18padding-left: var(--space-18)4.5rem72pxpl-19padding-left: var(--space-19)4.75rem76pxpl-20padding-left: var(--space-20)5rem80pxpl-1pxpadding-left: var(--space-1px)1pxpl-2pxpadding-left: var(--space-2px)2pxpl-3pxpadding-left: var(--space-3px)3pxpl-4pxpadding-left: var(--space-4px)4pxpl-5pxpadding-left: var(--space-5px)5pxpl-6pxpadding-left: var(--space-6px)6pxpl-7pxpadding-left: var(--space-7px)7pxpl-8pxpadding-left: var(--space-8px)8pxpl-9pxpadding-left: var(--space-9px)9pxpl-10pxpadding-left: var(--space-10px)10px padding-right Classvaluerempx pr-0 padding-right: 000pr-1 padding-right: var(--space-1)0.25rem4pxpr-2 padding-right: var(--space-2)0.5rem8pxpr-3 padding-right: var(--space-3)0.75rem12pxpr-4 padding-right: var(--space-4)1rem16pxpr-5 padding-right: var(--space-5)1.25rem20pxpr-6 padding-right: var(--space-6)1.5rem24pxpr-7 padding-right: var(--space-7)1.75rem28pxpr-8 padding-right: var(--space-8)2rem32pxpr-9 padding-right: var(--space-9)2.25rem36pxpr-10padding-right: var(--space-10)2.5rem40pxpr-11padding-right: var(--space-11)2.75rem44pxpr-12padding-right: var(--space-12)3rem48pxpr-13padding-right: var(--space-13)3.25rem52pxpr-14padding-right: var(--space-14)3.5rem56pxpr-15padding-right: var(--space-15)3.75rem60pxpr-16padding-right: var(--space-16)4rem64pxpr-17padding-right: var(--space-17)4.25rem68pxpr-18padding-right: var(--space-18)4.5rem72pxpr-19padding-right: var(--space-19)4.75rem76pxpr-20padding-right: var(--space-20)5rem80pxpr-1pxpadding-right: var(--space-1px)1pxpr-2pxpadding-right: var(--space-2px)2pxpr-3pxpadding-right: var(--space-3px)3pxpr-4pxpadding-right: var(--space-4px)4pxpr-5pxpadding-right: var(--space-5px)5pxpr-6pxpadding-right: var(--space-6px)6pxpr-7pxpadding-right: var(--space-7px)7pxpr-8pxpadding-right: var(--space-8px)8pxpr-9pxpadding-right: var(--space-9px)9pxpr-10pxpadding-right: var(--space-10px)10px vertical Classvaluerempx py-1padding-top: var(--space-1)padding-bottom: var(--space-1)0.25rem4pxpy-2padding-top: var(--space-2)padding-bottom: var(--space-2)0.5rem8pxpy-3padding-top: var(--space-3)padding-bottom: var(--space-3)0.75rem12pxpy-4padding-top: var(--space-4)padding-bottom: var(--space-4)1rem16pxpy-5padding-top: var(--space-5)padding-bottom: var(--space-5)1.25rem20pxpy-0padding-top: 0padding-bottom: 0py-6padding-top: var(--space-6)padding-bottom: var(--space-6)1.5rem24pxpy-7padding-top: var(--space-7)padding-bottom: var(--space-7)1.75rem28pxpy-8padding-top: var(--space-8)padding-bottom: var(--space-8)2rem32pxpy-9padding-top: var(--space-9)padding-bottom: var(--space-9)2.25rem36pxpy-10padding-top: var(--space-10)padding-bottom: var(--space-10)2.5rem40pxpy-11padding-top: var(--space-11)padding-bottom: var(--space-11)2.75rem44pxpy-12padding-top: var(--space-12)padding-bottom: var(--space-12)3rem48pxpy-13padding-top: var(--space-13)padding-bottom: var(--space-13)3.25rem52pxpy-14padding-top: var(--space-14)padding-bottom: var(--space-14)3.5rem56pxpy-15padding-top: var(--space-15)padding-bottom: var(--space-15)3.75rem60pxpy-16padding-top: var(--space-16)padding-bottom: var(--space-16)4rem64pxpy-17padding-top: var(--space-17)padding-bottom: var(--space-17)4.25rem68pxpy-18padding-top: var(--space-18)padding-bottom: var(--space-18)4.5rem72pxpy-19padding-top: var(--space-19)padding-bottom: var(--space-19)4.75rem76pxpy-20padding-top: var(--space-20)padding-bottom: var(--space-20)5rem80pxpy-1pxpadding-top: var(--space-1px)padding-bottom: var(--space-1px)1pxpy-2pxpadding-top: var(--space-2px)padding-bottom: var(--space-2px)2pxpy-3pxpadding-top: var(--space-3px)padding-bottom: var(--space-3px)3pxpy-4pxpadding-top: var(--space-4px)padding-bottom: var(--space-4px)4pxpy-5pxpadding-top: var(--space-5px)padding-bottom: var(--space-5px)5pxpy-6pxpadding-top: var(--space-6px)padding-bottom: var(--space-6px)6pxpy-7pxpadding-top: var(--space-7px)padding-bottom: var(--space-7px)7pxpy-8pxpadding-top: var(--space-8px)padding-bottom: var(--space-8px)8pxpy-9pxpadding-top: var(--space-9px)padding-bottom: var(--space-9px)9pxpy-10pxpadding-top: var(--space-10px)padding-bottom: var(--space-10px)10px padding-top Classvaluerempx pt-autopadding-top: autopt-0 padding-top: 000pt-1 padding-top: var(--space-1)0.25rem4pxpt-2 padding-top: var(--space-2)0.5rem8pxpt-3 padding-top: var(--space-3)0.75rem12pxpt-4 padding-top: var(--space-4)1rem16pxpt-5 padding-top: var(--space-5)1.25rem20pxpt-6 padding-top: var(--space-6)1.5rem24pxpt-7 padding-top: var(--space-7)1.75rem28pxpt-8 padding-top: var(--space-8)2rem32pxpt-9 padding-top: var(--space-9)2.25rem36pxpt-10padding-top: var(--space-10)2.5rem40pxpt-11padding-top: var(--space-11)2.75rem44pxpt-12padding-top: var(--space-12)3rem48pxpt-13padding-top: var(--space-13)3.25rem52pxpt-14padding-top: var(--space-14)3.5rem56pxpt-15padding-top: var(--space-15)3.75rem60pxpt-16padding-top: var(--space-16)4rem64pxpt-17padding-top: var(--space-17)4.25rem68pxpt-18padding-top: var(--space-18)4.5rem72pxpt-19padding-top: var(--space-19)4.75rem76pxpt-20padding-top: var(--space-20)5rem80pxpt-1pxpadding-top: var(--space-1px)1pxpt-2pxpadding-top: var(--space-2px)2pxpt-3pxpadding-top: var(--space-3px)3pxpt-4pxpadding-top: var(--space-4px)4pxpt-5pxpadding-top: var(--space-5px)5pxpt-6pxpadding-top: var(--space-6px)6pxpt-7pxpadding-top: var(--space-7px)7pxpt-8pxpadding-top: var(--space-8px)8pxpt-9pxpadding-top: var(--space-9px)9pxpt-10pxpadding-top: var(--space-10px)10px padding-bottom Classvaluerempx pb-autopadding-bottom: autopb-0 padding-bottom: 000pb-1 padding-bottom: var(--space-1)0.25rem4pxpb-2 padding-bottom: var(--space-2)0.5rem8pxpb-3 padding-bottom: var(--space-3)0.75rem12pxpb-4 padding-bottom: var(--space-4)1rem16pxpb-5 padding-bottom: var(--space-5)1.25rem20pxpb-6 padding-bottom: var(--space-6)1.5rem24pxpb-7 padding-bottom: var(--space-7)1.75rem28pxpb-8 padding-bottom: var(--space-8)2rem32pxpb-9 padding-bottom: var(--space-9)2.25rem36pxpb-10padding-bottom: var(--space-10)2.5rem40pxpb-11padding-bottom: var(--space-11)2.75rem42pxpb-12padding-bottom: var(--space-12)3rem48pxpb-13padding-bottom: var(--space-13)3.25rem52pxpb-14padding-bottom: var(--space-14)3.5rem56pxpb-15padding-bottom: var(--space-15)3.75rem60pxpb-16padding-bottom: var(--space-16)4rem64pxpb-17padding-bottom: var(--space-17)4.25rem68pxpb-18padding-bottom: var(--space-18)4.5rem72pxpb-19padding-bottom: var(--space-19)4.75rem76pxpb-20padding-bottom: var(--space-20)5rem80pxpb-1pxpadding-bottom: var(--space-1px)1pxpb-2pxpadding-bottom: var(--space-2px)2pxpb-3pxpadding-bottom: var(--space-3px)3pxpb-4pxpadding-bottom: var(--space-4px)4pxpb-5pxpadding-bottom: var(--space-5px)5pxpb-6pxpadding-bottom: var(--space-6px)6pxpb-7pxpadding-bottom: var(--space-7px)7pxpb-8pxpadding-bottom: var(--space-8px)8pxpb-9pxpadding-bottom: var(--space-9px)9pxpb-10pxpadding-bottom: var(--space-10px)10px Custom Padding Classvalue p-margin: var(--lg-p-, var(--md-p-, var(--p-, 0))) Media Queries Prefix sp-, md- or lg- for media query modifiers <div class="padding-0 md-padding-10 lg-padding-20"></div>