// ================== Heights ================
@for $i from 0 through 10 {
  .h-#{$i * 100}px {
    height: #{$i * 100}px;
  }
}
.h-100vh,
[h-100vh] {
  min-height: 100vh;
}
//==================== Widths =====================
@for $i from 0 through 10 {
  [w-#{$i * 10}],
  .w-#{$i * 10} {
    width: #{$i * 10}#{"%"} !important;
  }
}
@media (max-width: 767px) {
  .w-sm-100 {
    width: 100% !important;
  }
}