@import "./ack-sizes";

.p-0, .pad-0 {padding:0}
.pad-1 {padding:1px}
.pad-xxs {padding:$em-xxs}
.pad-xs {padding:$em-xs}
.pad-smx {padding:$em-smx}
.pad-sm {padding:$em-sm}
.p-1, .pad {padding:$em}
.p-2, .pad-2x, .pad-md {padding:$em-md}
.p-3, .pad-3x, .pad-lg {padding:$em-lg}
.p-4, .pad-4x {padding:$em-4x}
.p-5, .pad-4x {padding:$em-5x}

.py-0, .pad-v-0 {padding-top:0;padding-bottom:0}
.pad-v-1 {padding-top:1px;padding-bottom:1px}
.py-xxs, .pad-v-xxs {padding-top:$em-xxs;padding-bottom:$em-xxs}
.py-xs, .pad-v-xs {padding-top:$em-xs;padding-bottom:$em-xs}
.py-smx, .pad-v-smx {padding-top:$em-smx;padding-bottom:$em-smx}
.py-sm, .pad-v-sm {padding-top:$em-sm;padding-bottom:$em-sm}
.py-1, .pad-v {padding-top:$em;padding-bottom:$em}
.py-2, .pad-v-2x, .pad-v-md {padding-top:$em-md;padding-bottom:$em-md}
.py-3, .pad-v-3x, .pad-v-lg {padding-top:$em-lg;padding-bottom:$em-lg}
.py-4, .pad-v-4x {padding-top:$em-4x;padding-bottom:$em-4x}
.py-5, .pad-v-5x {padding-top:$em-5x;padding-bottom:$em-5x}

.px-0, .pad-h-0 {padding-left:0;padding-right:0}
.pad-h-1 {padding-left:1px;padding-right:1px}
.pad-h-xxs {padding-left:$em-xxs;padding-right:$em-xxs}
.pad-h-xs {padding-left:$em-xs;padding-right:$em-xs}
.pad-h-smx {padding-left:$em-smx;padding-right:$em-smx}
.pad-h-sm {padding-left:$em-sm;padding-right:$em-sm}
.px-1, .pad-h {padding-left:$em;padding-right:$em}
.px-2, .pad-h-2x, .pad-h-md {padding-left:$em-md;padding-right:$em-md}
.px-3, .pad-h-3x, .pad-h-lg {padding-left:$em-lg;padding-right:$em-lg}
.px-4, .pad-h-4x {padding-left:$em-4x;padding-right:$em-4x}
.px-5, .pad-h-5x {padding-left:$em-5x;padding-right:$em-5x}

.p-0, .pad-top-0 {padding-top:0}
.pad-top-1 {padding-top:1px}
.pad-top-xxs {padding-top:$em-xxs}
.pad-top-xs {padding-top:$em-xs}
.pad-top-smx {padding-top:$em-smx}
.pad-top-sm {padding-top:$em-sm}
.p-1, .pad-top {padding-top:$em}
.p-2, .pad-top-2x, .pad-top-md {padding-top:$em-md}
.p-3, .pad-top-3x, .pad-top-lg {padding-top:$em-lg}
.p-4, .pad-top-4x {padding-top:$em-4x}
.p-5, .pad-top-5x {padding-top:$em-5x}

.pb-0, .pad-bottom-0 {padding-bottom:0}
.pad-bottom-1 {padding-bottom:1px}
.pad-bottom-xxs {padding-bottom:$em-xxs}
.pad-bottom-xs {padding-bottom:$em-xs}
.pad-bottom-smx {padding-bottom:$em-smx}
.pad-bottom-sm {padding-bottom:$em-sm}
.pb-1, .pad-bottom {padding-bottom:$em}
.pb-2, .pad-bottom-2x, .pad-bottom-md {padding-bottom:$em-md}
.pb-3, .pad-bottom-3x, .pad-bottom-lg {padding-bottom:$em-lg}
.pb-4, .pad-bottom-4x {padding-bottom:$em-4x}
.pb-5, .pad-bottom-5x {padding-bottom:$em-5x}

.pl-0, .pad-left-0 {padding-left:0}
.pad-left-1 {padding-left:1px}
.pad-left-xxs {padding-left:$em-xxs}
.pad-left-xs {padding-left:$em-xs}
.pad-left-smx {padding-left:$em-smx}
.pad-left-sm {padding-left:$em-sm}
.pl-1, .pad-left {padding-left:$em}
.pl-2, .pad-left-2x, .pad-left-md {padding-left:$em-md}
.pl-3, .pad-left-3x, .pad-left-lg {padding-left:$em-lg}
.pl-4, .pad-left-4x {padding-left:$em-4x}
.pl-5, .pad-left-5x {padding-left:$em-5x}

.pr-0, .pad-right-0 {padding-right:0}
.pad-right-1 {padding-right:1px}
.pad-right-xxs {padding-right:$em-xxs}
.pad-right-xs {padding-right:$em-xs}
.pad-right-smx {padding-right:$em-smx}
.pad-right-sm {padding-right:$em-sm}
.pr-1, .pad-right {padding-right:$em}
.pr-2, .pad-right-2x, .pad-right-md {padding-right:$em-md}
.pr-3, .pad-right-3x, .pad-right-lg {padding-right:$em-lg}
.pr-4, .pad-right-4x {padding-right:$em-4x}
.pr-5, .pad-right-5x {padding-right:$em-5x}











/* TABLE PADDING CLASSES */
.child-pad-0 > *, .child-first-pad-0 > *:first-child
{padding:0}

.child-pad-1 > *, .child-first-pad-0 > *:first-child
{padding:1px}

.child-pad-xxs > *, .child-first-pad-xxs > *:first-child
{padding:$em-xxs}

.child-pad-xs > *, .child-first-pad-xs > *:first-child
{padding:$em-xs}

.child-pad-smx > *, .child-first-pad-smx > *:first-child
{padding:$em-smx}

.child-pad-sm > *, .child-first-pad-sm > *:first-child
{padding:$em-sm}

.child-pad > *, .child-first-pad > *:first-child
{padding:$em}

.child-pad-md > *, .child-first-pad-md > *:first-child
.child-pad-2x > *, .child-first-pad-2x > *:first-child
{padding:$em-md}

.child-pad-lg > *, .child-first-pad-lg > *:first-child,
.child-pad-3x > *, .child-first-pad-3x > *:first-child
{padding:$em-lg}

.child-pad-v-0 > *, .child-first-pad-v-0 > *:first-child
{padding-top:0;padding-bottom:0}

.child-pad-v-1 > *, .child-first-pad-v-1 > *:first-child
{padding-top:1px;padding-bottom:1px}

.child-pad-v-xxs > *, .child-first-pad-v-xxs > *:first-child
{padding-top:$em-xxs;padding-bottom:$em-xxs}

.child-pad-v-xs > *, .child-first-pad-v-xs > *:first-child
{padding-top:$em-xs;padding-bottom:$em-xs}

.child-pad-v-sm > *, .child-first-pad-v-sm > *:first-child
{padding-top:$em-sm;padding-bottom:$em-sm}

.child-pad-v > *, .child-first-pad-v > *:first-child
{padding-top:$em;padding-bottom:$em}

.child-pad-v-md > *, .child-first-pad-v-md > *:first-child
{padding-top:$em-md;padding-bottom:$em-md}

.child-pad-v-lg > *, .child-first-pad-v-lg > *:first-child
{padding-top:$em-lg;padding-bottom:$em-lg}

.child-pad-h-0 > *, .child-first-pad-h-0 > *:first-child
{padding-left:0;padding-right:0}

.child-pad-h-1 > *, .child-first-pad-h-1 > *:first-child
{padding-left:1px;padding-right:1px}

.child-pad-h-xxs > *, .child-first-pad-h-xxs > *:first-child
{padding-left:$em-xxs;padding-right:$em-xxs}

.child-pad-h-xs > *, .child-first-pad-h-xs > *:first-child
{padding-left:$em-xs;padding-right:$em-xs}

.child-pad-h-sm > *, .child-first-pad-h-sm > *:first-child
{padding-left:$em-sm;padding-right:$em-sm}

.child-pad-h > *, .child-first-pad-h > *:first-child
{padding-left:$em;padding-right:$em}

.child-pad-h-2x > *,.child-pad-h-md > *,
.child-first-pad-h-2x > *:first-child,
.child-first-pad-h-md > *:first-child
{padding-left:$em-md;padding-right:$em-md}

.child-pad-h-3x > *, .child-pad-h-lg > *,
.child-first-pad-h-3x > *:first-child,
.child-first-pad-h-lg > *:first-child
{padding-left:$em-lg;padding-right:$em-lg}

.child-pad-top-0 > *, .child-first-pad-top-0 > *:first-child
{padding-top:0}

.child-pad-top-1 > *, .child-first-pad-top-1 > *:first-child
{padding-top:1px}

.child-pad-top-xxs > *, .child-first-pad-top-xxs > *:first-child
{padding-top:$em-xxs}

.child-pad-top-xs > *, .child-first-pad-top-xs > *:first-child
{padding-top:$em-xs}

.child-pad-top-sm > *, .child-first-pad-top-sm > *:first-child
{padding-top:$em-sm}

.child-pad-top > *, .child-first-pad-top > *:first-child
{padding-top:$em}

.child-pad-top-2x > *, .child-pad-top-md > *,
.child-first-pad-top-2x > *:first-child,
.child-first-pad-top-md > *:first-child
{padding-top:$em-md}

.child-pad-top-3x > *,.child-pad-top-lg > *,
.child-first-pad-top-3x > *:first-child,
.child-first-pad-top-lg > *:first-child
{padding-top:$em-lg}

.child-pad-bottom-0 > *, .child-first-pad-bottom-0 > *:first-child
{padding-bottom:0}

.child-pad-bottom-1 > *, .child-first-pad-bottom-1 > *:first-child
{padding-bottom:1px}

.child-pad-bottom-xxs > *, .child-first-pad-bottom-xxs > *:first-child
{padding-bottom:$em-xxs}

.child-pad-bottom-xs > *, .child-first-pad-bottom-xs > *:first-child
{padding-bottom:$em-xs}

.child-pad-bottom-sm > *, .child-first-pad-bottom-sm > *:first-child
{padding-bottom:$em-sm}

.child-pad-bottom > *, .child-first-pad-bottom > *:first-child
{padding-bottom:$em}

.child-pad-bottom-2x > *,
.child-pad-bottom-md > *,
.child-first-pad-bottom-2x > *:first-child,
.child-first-pad-bottom-md > *:first-child
{padding-bottom:$em-md}

.child-pad-bottom-3x > *,
.child-pad-bottom-lg > *,
.child-first-pad-bottom-3x > *:first-child,
.child-first-pad-bottom-lg > *:first-child
{padding-bottom:$em-lg}

.child-pad-left-0 > *, .child-first-pad-left-0 > *:first-child
{padding-left:0}

.child-pad-left-1 > *, .child-first-pad-left-1 > *:first-child
{padding-left:1px}

.child-pad-left-xxs > *, .child-first-pad-left-xxs > *:first-child
{padding-left:$em-xxs}

.child-pad-left-xs > *, .child-first-pad-left-xs > *:first-child
{padding-left:$em-xs}

.child-pad-left-sm > *, .child-first-pad-left-sm > *:first-child
{padding-left:$em-sm}

.child-pad-left > *, .child-first-pad-left > *:first-child
{padding-left:$em}

.child-pad-left-md > *, .child-first-pad-left-md > *:first-child,
.child-pad-left-2x > *, .child-first-pad-left-2x > *:first-child
{padding-left:$em-md}

.child-pad-left-lg > *, .child-first-pad-left-lg > *:first-child,
.child-pad-left-3x > *, .child-first-pad-left-3x > *:first-child
{padding-left:$em-lg}

.child-pad-left-4x > *, .child-first-pad-left-4x > *:first-child
{padding-left:$em-4x}

.child-pad-right-0 > *, .child-first-pad-right-0 > *:first-child
{padding-right:0}

.child-pad-right-1 > *, .child-first-pad-right-1 > *:first-child
{padding-right:1px}

.child-pad-right-xxs > *, .child-first-pad-right-xxs > *:first-child
{padding-right:$em-xxs}

.child-pad-right-xs > *, .child-first-pad-right-xs > *:first-child
{padding-right:$em-xs}

.child-pad-right-sm > *, .child-first-pad-right-sm > *:first-child
{padding-right:$em-sm}

.child-pad-right > *, .child-first-pad-right > *:first-child
{padding-right:$em}

.child-pad-right-md > *, .child-first-pad-right-md > *:first-child,
.child-pad-right-2x > *, .child-first-pad-right-2x > *:first-child
{padding-right:$em-md}

.child-pad-right-lg > *, .child-first-pad-right-lg > *:first-child,
.child-pad-right-3x > *, .child-first-pad-right-3x > *:first-child
{padding-right:$em-lg}

.child-pad-right-4x > *, .child-first-pad-right-4x > *:first-child
{padding-right:$em-4x}