/** MARGINS **/

/** by axis **/
.u-mx-0{
    margin-left: 0;
    margin-right: 0;
}
.u-my-0{
    margin-top: 0;
    margin-bottom: 0;
}

/** top **/
.u-mt-0{
    margin-top: 0;
}
.u-mt-4{
    margin-top: 4px;
}
.u-mt-8{
    margin-top: 8px;
}
.u-mt-16{
    margin-top: 16px;
}
.u-mt-24{
    margin-top: 24px;
}
.u-mt-32{
    margin-top: 32px;
}
.u-mt-40{
    margin-top: 40px;
}
.u-mt-48{
    margin-top: 48px;
}
.u-mt-56{
    margin-top: 56px;
}

/** Right **/
.u-mr-0{
    margin-right: 0;
}
.u-mr-4{
    margin-right: 4px;
}
.u-mr-8{
    margin-right: 8px;
}
.u-mr-16{
    margin-right: 16px;
}
.u-mr-24{
    margin-right: 24px;
}
.u-mr-32{
    margin-right: 32px;
}
.u-mr-40{
    margin-right: 40px;
}
.u-mr-48{
    margin-right: 48px;
}
.u-mr-56{
    margin-right: 56px;
}

/** bottom **/
.u-mb-0{
    margin-bottom: 0;
}
.u-mb-4{
    margin-bottom: 4px;
}
.u-mb-8{
    margin-bottom: 8px;
}
.u-mb-16{
    margin-bottom: 16px;
}
.u-mb-24{
    margin-bottom: 24px;
}
.u-mb-32{
    margin-bottom: 32px;
}
.u-mb-40{
    margin-bottom: 40px;
}
.u-mb-48{
    margin-bottom: 48px;
}
.u-mb-56{
    margin-bottom: 56px;
}


/** left **/
.u-ml-0{
    margin-left: 0;
}
.u-ml-4{
    margin-left: 4px;
}
.u-ml-8{
    margin-left: 8px;
}
.u-ml-16{
    margin-left: 16px;
}
.u-ml-24{
    margin-left: 24px;
}
.u-ml-32{
    margin-left: 32px;
}
.u-ml-40{
    margin-left: 40px;
}
.u-ml-48{
    margin-left: 48px;
}
.u-ml-56{
    margin-left: 56px;
}

/** PADDINGS **/

/** by axis **/
.u-px-0{
    padding-left: 0;
    padding-right: 0;
}
.u-py-0{
    padding-top: 0;
    padding-bottom: 0;
}

/** top **/
.u-pt-0{
    padding-top: 0;
}
.u-pt-4{
    padding-top: 4px;
}
.u-pt-8{
    padding-top: 8px;
}
.u-pt-16{
    padding-top: 16px;
}
.u-pt-24{
    padding-top: 24px;
}
.u-pt-32{
    padding-top: 32px;
}
.u-pt-40{
    padding-top: 40px;
}
.u-pt-48{
    padding-top: 48px;
}
.u-pt-56{
    padding-top: 56px;
}

/** Right **/
.u-pr-0{
    padding-right: 0;
}
.u-pr-4{
    padding-right: 4px;
}
.u-pr-8{
    padding-right: 8px;
}
.u-pr-16{
    padding-right: 16px;
}
.u-pr-24{
    padding-right: 24px;
}
.u-pr-32{
    padding-right: 32px;
}
.u-pr-40{
    padding-top: 40px;
}
.u-pr-48{
    padding-right: 48px;
}
.u-pr-56{
    padding-right: 56px;
}

/** bottom **/
.u-pb-0{
    padding-bottom: 0;
}
.u-pb-4{
    padding-bottom: 4px;
}
.u-pb-8{
    padding-bottom: 8px;
}
.u-pb-16{
    padding-bottom: 16px;
}
.u-pb-24{
    padding-bottom: 24px;
}
.u-pb-32{
    padding-bottom: 32px;
}
.u-pb-40{
    padding-top: 40px;
}
.u-pb-48{
    padding-bottom: 48px;
}
.u-pb-56{
    padding-bottom: 56px;
}

/** left **/
.u-pl-0{
    padding-left: 0;
}
.u-pl-4{
    padding-left: 4px;
}
.u-pl-8{
    padding-left: 8px;
}
.u-pl-16{
    padding-left: 16px;
}
.u-pl-24{
    padding-left: 24px;
}
.u-pl-32{
    padding-left: 32px;
}
.u-pl-40{
    padding-top: 40px;
}
.u-pl-48{
    padding-left: 48px;
}
.u-pl-56{
    padding-left: 56px;
}