[Vuetify] SCSS Helper

app.scss

.v-application {
  .h-100 {
    height: 100% !important;
  }

  .w-100 {
    width: 100% !important;
  }

  @for $i from 1 through 12 {
    .line-height-#{$i} {
      line-height: 1 + (($i - 1) * 0.1) !important;
    }
  }

  @for $i from 1 through 12 {
    .flex-gap-#{$i} {
      gap: 4px * $i !important;
    }
  }

  .text--no-beak {
    white-space: initial;
    word-break: normal;
  }
}