@import "../variables/spacing.scss";

.has-padding {
    padding: $padding;
}

.has-padding.is-medium {
    padding: $padding * 4;
}

.has-padding-top {
    padding-top: $padding;
}

.has-padding-top.is-medium {
    padding-top: 4 * $padding;
}

.has-padding-top.is-large {
    padding-top: 10 * $padding;
}

.has-padding-left {
    padding-left: $padding;
}

.has-padding-left {
    padding-left: $padding;
}

.has-padding-left.is-medium {
    padding-left: 4 * $padding;
}

.has-padding-right {
    padding-right: $padding;
}

.has-padding-right.is-medium {
    padding-right: 4 * $padding;
}

.has-padding-bottom {
    padding-bottom: $padding;
}

.is-paddingless {
    padding: 0px;
}