.#{$prefix}mt-1 { margin-top: 1rem; }
.#{$prefix}mt-2 { margin-top: 2rem; }
.#{$prefix}mt-3 { margin-top: 3rem; }
.#{$prefix}mt-4 { margin-top: 4rem; }
.#{$prefix}mb-1 { margin-bottom: 1rem; }
.#{$prefix}mb-2 { margin-bottom: 2rem; }
.#{$prefix}mb-3 { margin-bottom: 3rem; }
.#{$prefix}mb-4 { margin-bottom: 4rem; }
.#{$prefix}ml-1 { margin-left: 1rem; }
.#{$prefix}ml-2 { margin-left: 2rem; }
.#{$prefix}ml-3 { margin-left: 3rem; }
.#{$prefix}ml-4 { margin-left: 4rem; }
.#{$prefix}mr-1 { margin-right: 1rem; }
.#{$prefix}mr-2 { margin-right: 2rem; }
.#{$prefix}mr-3 { margin-right: 3rem; }
.#{$prefix}mr-4 { margin-right: 4rem; }

.#{$prefix}pt-1 { padding-top: 1rem; }
.#{$prefix}pt-2 { padding-top: 2rem; }
.#{$prefix}pt-3 { padding-top: 3rem; }
.#{$prefix}pt-4 { padding-top: 4rem; }
.#{$prefix}pb-1 { padding-bottom: 1rem; }
.#{$prefix}pb-2 { padding-bottom: 2rem; }
.#{$prefix}pb-3 { padding-bottom: 3rem; }
.#{$prefix}pb-4 { padding-bottom: 4rem; }
.#{$prefix}pl-1 { padding-left: 1rem; }
.#{$prefix}pl-2 { padding-left: 2rem; }
.#{$prefix}pl-3 { padding-left: 3rem; }
.#{$prefix}pl-4 { padding-left: 4rem; }
.#{$prefix}pr-1 { padding-right: 1rem; }
.#{$prefix}pr-2 { padding-right: 2rem; }
.#{$prefix}pr-3 { padding-right: 3rem; }
.#{$prefix}pr-4 { padding-right: 4rem; }

.#{$prefix}center {
    text-align: center;
}

.#{$prefix}right {
    text-align: right;
}

.#{$prefix}float-right {
    float: right!important;
}

.#{$prefix}uppercase {
    text-transform: uppercase!important;
}

.#{$prefix}nowrap {
    white-space: nowrap;
}

.#{$prefix}clearfix {
    &::after {
        display: block;
        content: "";
        clear: both;
    }
}