/* --- Width / Height / Size --- */
.u-w-100        { width: 100%; }
.u-w-50         { width: 50%; }
.u-w-auto       { width: auto; }
.u-w-fixed-300  { width: 300px; }

.u-h-100vh      { height: 100vh; }
.u-h-100vp      { height: 100%; }
.u-h-auto       { height: auto; }
.u-h-50         { height: 50%; }

.u-min-w-100p    { min-width: 100%; }
.u-max-w-100p    { max-width: 100%; }
.u-max-w-800    { max-width: 800px; }

.u-min-h-100    { min-height: 100%; }
.u-max-h-600    { max-height: 600px; }

/* --- Margin --- */
.u-m-0          { margin: 0; }
.u-m-20         { margin: 20px; }

.u-m-auto       { margin: auto; }
.u-m-0-auto       { margin: auto; }

.u-mt-16        { margin-top: 16px; }
.u-mr-16        { margin-right: 16px; }
.u-mb-16        { margin-bottom: 16px; }
.u-ml-16        { margin-left: 16px; }
.u-mx-16        { margin-left: 16px; margin-right: 16px; }
.u-my-16        { margin-top: 16px; margin-bottom: 16px; }


.u-mt-50        { margin-top: 50px; }
.u-mr-50        { margin-right: 50px; }
.u-mb-50        { margin-bottom: 50px; }
.u-ml-50        { margin-left: 50px; }
.u-mx-50        { margin-left: 50px; margin-right: 50px; }
.u-my-50        { margin-top: 50px; margin-bottom: 50px; }

/* --- Padding --- */
.u-p-0          { padding: 0; }
.u-p-20         { padding: 20px; }
.u-pr-20         { padding-right: 20px; }
.u-pl-20         { padding-left: 20px; }
.u-pt-20         { padding-top: 20px; }
.u-pb-20         { padding-bottom: 20px; }

.u-pt-16        { padding-top: 16px; }
.u-pr-16        { padding-right: 16px; }
.u-pb-16        { padding-bottom: 16px; }
.u-pl-16        { padding-left: 16px; }
.u-px-16        { padding-left: 16px; padding-right: 16px; }
.u-py-16        { padding-top: 16px; padding-bottom: 16px; }

.u-pt-10        { padding-top: 10px; }
.u-pr-10        { padding-right: 10px; }
.u-pb-10        { padding-bottom: 10px; }
.u-pl-10        { padding-left: 10px; }
.u-px-10        { padding-left: 10px; padding-right: 10px; }
.u-py-10        { padding-top: 10px; padding-bottom: 10px; }

.u-pyx-0-20     { padding:0px 20px}
.u-pyx-0-30     { padding:0px 30px}