/* ========================================================= */
/* Sizes
/* ========================================================= */

.heightAuto { height: auto; }
.widthAuto  { width: auto; }
.height100 { height: 100%; }
.width100  { width: 100%; }
.maxWidth50 { max-width: 50%; }
.maxWidth100 { max-width: 100%; }
.maxHeight100 { max-height: 100%; }
.maxWidthNone { max-width: none; }
.minWidth100 { min-width: 100%; }
.minHeight100 { min-height: 100%; }
.minWidthNone { min-width: none; }
.width0 { width: 0; }
.width1 { width: var(--s1); }
.width2 { width: var(--s2); }
.width3 { width: var(--s3); }
.width4 { width: var(--s4); }
.width5 { width: var(--s5); }
.width6 { width: var(--s6); }
.width7 { width: var(--s7); }
.height0 { height: 0; }
.height1 { height: var(--s1); }
.height2 { height: var(--s2); }
.height3 { height: var(--s3); }
.height4 { height: var(--s4); }
.height5 { height: var(--s5); }
.height6 { height: var(--s6); }
.height7 { height: var(--s7); }

@media (min-width: 48em) {
  .md-maxWidth50 {
    max-width: 50%;
  }
}