git.roojs.org Git - roojs1/blob - scss/bootstrap/utilities/_sizing.scss

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