.u-padding {
    directions = top right bottom left vertical horizontal;
    sizes = sm lg;

    for dir in directions {
        for siz in sizes {
            &--{siz} {
                padding: lookup('$vertical--element-' + siz) !important;
            }
        }
        &--{dir} {
            for siz in sizes {

                &-{siz} {
                    $value = lookup('$vertical--element-' + siz);

                    if dir == vertical {
                        padding-top: $value !important;
                        padding-bottom: @padding-top;
                    }
                    
                    if dir == horizontal {
                        padding-left: $value !important;
                        padding-right: @padding-left;
                    }

                    else {
                        padding-{dir}: $value !important;
                    }
                }
            }

            &-remove {
                padding: 0 !important;
            }
        }

        &-remove {
            padding: 0 !important;
        }
    }
}