@use '../02-tokens/dimensions-semantic' as dimensions-semantic;

@each $spacing, $value in dimensions-semantic.$spacing-semantic-map {
    .eds-u-pt-#{$spacing} {
        padding-top: var(--eds-sp-#{$spacing}) !important;
    }
    .eds-u-pb-#{$spacing} {
        padding-bottom: var(--eds-sp-#{$spacing}) !important;
    }
    .eds-u-pl-#{$spacing} {
        padding-left: var(--eds-sp-#{$spacing}) !important;
    }
    .eds-u-pr-#{$spacing} {
        padding-right: var(--eds-sp-#{$spacing}) !important;
    }

    .eds-u-p-#{$spacing} {
        padding: var(--eds-sp-#{$spacing}) !important;
    }
    .eds-u-pv-#{$spacing} {
        padding-top: var(--eds-sp-#{$spacing}) !important;
        padding-bottom: var(--eds-sp-#{$spacing}) !important;
    }
    .eds-u-ph-#{$spacing} {
        padding-left: var(--eds-sp-#{$spacing}) !important;
        padding-right: var(--eds-sp-#{$spacing}) !important;
    }
 }