_sizing.scss 520 B

12345678910111213141516171819202122232425262728293031323334
  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} {
  6. #{$prop}: $length !important;
  7. }
  8. }
  9. }
  10. .mw-100 {
  11. max-width: 100% !important;
  12. }
  13. .mh-100 {
  14. max-height: 100% !important;
  15. }
  16. // Viewport additional helpers
  17. .min-vw-100 {
  18. min-width: 100vw !important;
  19. }
  20. .min-vh-100 {
  21. min-height: 100vh !important;
  22. }
  23. .vw-100 {
  24. width: 100vw !important;
  25. }
  26. .vh-100 {
  27. height: 100vh !important;
  28. }