// stylelint-disable declaration-no-important

// Width and height

@each $prop, $abbrev in (width: w, height: h) {
  @each $size, $length in $sizes {
    .#{$abbrev}-#{$size} {
      #{$prop}: $length !important;
    }
  }
}

.mw-100 {
  max-width: 100% !important;
}
.mh-100 {
  max-height: 100% !important;
}

.fill-content {
  min-height: calc(100dvh - #{$ui-offset});
  @include media-breakpoint-down(lg) {
    min-height: calc(100dvh - (#{$header-height-mb} + #{$footer-height}));
  }
  @include media-breakpoint-down(md) {
    min-height: calc(100dvh - #{$ui-offset-mb});
  }
}