/* MARGIN */
.margin-top-none {
    margin-top: 0 !important;
}

.margin-top-small {
    margin-top: 5px !important;
}

.margin-top-medium {
    margin-top: 10px !important;
}

.margin-top-large {
    margin-top: 15px !important;
}

.margin-right-none {
    margin-right: 0 !important;
}

.margin-right-small {
    margin-right: 5px !important;
}

.margin-right-medium {
    margin-right: 10px !important;
}

.margin-right-large {
    margin-right: 15px !important;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.margin-bottom-small {
    margin-bottom: 5px !important;
}

.margin-bottom-medium {
    margin-bottom: 10px !important;
}

.margin-bottom-large {
    margin-bottom: 15px !important;
}

.margin-left-none {
    margin-left: 0 !important;
}

.margin-left-small {
    margin-left: 5px !important;
}

.margin-left-medium {
    margin-left: 10px !important;
}

.margin-left-large {
    margin-left: 15px !important;
}

.vertical-margin-none {
    @extend .margin-top-none;
    @extend .margin-bottom-none;
}

.vertical-margin-small {
    @extend .margin-top-small;
    @extend .margin-bottom-small;
}

.vertical-margin-medium {
    @extend .margin-top-medium;
    @extend .margin-bottom-medium;
}

.vertical-margin-large {
    @extend .margin-top-large;
    @extend .margin-bottom-large;
}


.horizontal-margin-none {
    @extend .margin-left-none;
    @extend .margin-right-none;
}

.horizontal-margin-small {
    @extend .margin-left-small;
    @extend .margin-right-small;
}

.horizontal-margin-medium {
    @extend .margin-left-medium;
    @extend .margin-right-medium;
}

.horizontal-margin-large {
    @extend .margin-left-large;
    @extend .margin-right-large;
}


/* PADDING */
.padding-top-none {
    padding-top: 0 !important;
}

.padding-top-small {
    padding-top: 5px !important;
}

.padding-top-medium {
    padding-top: 10px !important;
}

.padding-top-large {
    padding-top: 15px !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.padding-right-small {
    padding-right: 5px !important;
}

.padding-right-medium {
    padding-right: 10px !important;
}

.padding-right-large {
    padding-right: 15px !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

.padding-bottom-small {
    padding-bottom: 5px !important;
}

.padding-bottom-medium {
    padding-bottom: 10px !important;
}

.padding-bottom-large {
    padding-bottom: 15px !important;
}

.padding-left-none {
    padding-left: 0 !important;
}

.padding-left-small {
    padding-left: 5px !important;
}

.padding-left-medium {
    padding-left: 10px !important;
}

.padding-left-large {
    padding-left: 15px !important;
}


.vertical-padding-none {
    @extend .padding-top-none;
    @extend .padding-bottom-none;
}

.vertical-padding-small {
    @extend .padding-top-small;
    @extend .padding-bottom-small;
}

.vertical-padding-medium {
    @extend .padding-top-medium;
    @extend .padding-bottom-medium;
}

.vertical-padding-large {
    @extend .padding-top-large;
    @extend .padding-bottom-large;
}

.horizontal-padding-none {
    @extend .padding-left-none;
    @extend .padding-right-none;
}

.horizontal-padding-small {
    @extend .padding-left-small;
    @extend .padding-right-small;
}

.horizontal-padding-medium {
    @extend .padding-left-medium;
    @extend .padding-right-medium;
}

.horizontal-padding-large {
    @extend .padding-left-large;
    @extend .padding-right-large;
}