@import (reference) '../mixins/_create-responsive-classes-from';

@spacing-styles: {
    .pa0& {
        padding: 0;
    }
    .pa1& {
        padding: 0.25rem;
    }
    .pa2& {
        padding: 0.5rem;
    }
    .pa3& {
        padding: 1rem;
    }
    .pa4& {
        padding: 2rem;
    }
    .pa5& {
        padding: 4rem;
    }
    .pa6& {
        padding: 8rem;
    }
    .pa7& {
        padding: 16rem;
    }
    .pl0& {
        padding-left: 0;
    }
    .pl1& {
        padding-left: 0.25rem;
    }
    .pl2& {
        padding-left: 0.5rem;
    }
    .pl3& {
        padding-left: 1rem;
    }
    .pl4& {
        padding-left: 2rem;
    }
    .pl5& {
        padding-left: 4rem;
    }
    .pl6& {
        padding-left: 8rem;
    }
    .pl7& {
        padding-left: 16rem;
    }
    .pr0& {
        padding-right: 0;
    }
    .pr1& {
        padding-right: 0.25rem;
    }
    .pr2& {
        padding-right: 0.5rem;
    }
    .pr3& {
        padding-right: 1rem;
    }
    .pr4& {
        padding-right: 2rem;
    }
    .pr5& {
        padding-right: 4rem;
    }
    .pr6& {
        padding-right: 8rem;
    }
    .pr7& {
        padding-right: 16rem;
    }
    .pb0& {
        padding-bottom: 0;
    }
    .pb1& {
        padding-bottom: 0.25rem;
    }
    .pb2& {
        padding-bottom: 0.5rem;
    }
    .pb3& {
        padding-bottom: 1rem;
    }
    .pb4& {
        padding-bottom: 2rem;
    }
    .pb5& {
        padding-bottom: 4rem;
    }
    .pb6& {
        padding-bottom: 8rem;
    }
    .pb7& {
        padding-bottom: 16rem;
    }
    .pt0& {
        padding-top: 0;
    }
    .pt1& {
        padding-top: 0.25rem;
    }
    .pt2& {
        padding-top: 0.5rem;
    }
    .pt3& {
        padding-top: 1rem;
    }
    .pt4& {
        padding-top: 2rem;
    }
    .pt5& {
        padding-top: 4rem;
    }
    .pt6& {
        padding-top: 8rem;
    }
    .pt7& {
        padding-top: 16rem;
    }
    .pv0& {
        padding-top: 0;
        padding-bottom: 0;
    }
    .pv1& {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }
    .pv2& {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .pv3& {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .pv4& {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
    .pv5& {
        padding-top: 4rem;
        padding-bottom: 4rem;
    }
    .pv6& {
        padding-top: 8rem;
        padding-bottom: 8rem;
    }
    .pv7& {
        padding-top: 16rem;
        padding-bottom: 16rem;
    }
    .ph0& {
        padding-left: 0;
        padding-right: 0;
    }
    .ph1& {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }
    .ph2& {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }
    .ph3& {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .ph4& {
        padding-left: 2rem;
        padding-right: 2rem;
    }
    .ph5& {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .ph6& {
        padding-left: 8rem;
        padding-right: 8rem;
    }
    .ph7& {
        padding-left: 16rem;
        padding-right: 16rem;
    }
    .ma0& {
        margin: 0;
    }
    .ml0& {
        margin-left: 0;
    }
    .mr0& {
        margin-right: 0;
    }
    .mb0& {
        margin-bottom: 0;
    }
    .mt0& {
        margin-top: 0;
    }
    .mv0& {
        margin-top: 0;
        margin-bottom: 0;
    }
    .mh0& {
        margin-left: 0;
        margin-right: 0;
    }
};

.create-responsive-classes-from(@spacing-styles);