_sizing.scss 498 B

1234567891011121314151617181920
  1. // stylelint-disable declaration-no-important
  2. // Width and height
  3. @each $prop, $abbrev in (width: w, height: h) {
  4. @each $size, $length in $sizes {
  5. .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
  6. }
  7. }
  8. .mw-100 { max-width: 100% !important; }
  9. .mh-100 { max-height: 100% !important; }
  10. // Viewport additional helpers
  11. .min-vw-100 { min-width: 100vw !important; }
  12. .min-vh-100 { min-height: 100vh !important; }
  13. .vw-100 { width: 100vw !important; }
  14. .vh-100 { height: 100vh !important; }