_sizing.less 609 B

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