$space: 8px;

@mixin cui-padding($direction, $size, $offset: 0) {
    $padding: $space * $size - $offset;

    @if ($direction == all) {
        padding: $padding;
    }

    @if ($direction == top) {
        padding-top: $padding;
    }

    @if ($direction == bottom) {
        padding-bottom: $padding;
    }

    @if ($direction == vertical) {
        padding-top: $padding;
        padding-bottom: $padding;
    }

    @if ($direction == left) {
        padding-left: $padding;
    }

    @if ($direction == right) {
        padding-right: $padding;
    }

    @if ($direction == horizontal) {
        padding-right: $padding;
        padding-left: $padding;
    }
}