@use "../base/size" as sz;
@use "../base/mixins/meta-class" as mc;

@each $key, $value in sz.$sizing-values {
  @include mc.meta("qo-w-#{$key}", (width: $value));
  @include mc.meta("qo-h-#{$key}", (height: $value));
}

@each $key, $value in sz.$sizing-values {
  @include mc.meta("qo-min-w-#{$key}", (min-width: $value));
  @include mc.meta("qo-min-h-#{$key}", (min-height: $value));
}

@each $key, $value in sz.$sizing-values {
  @include mc.meta("qo-max-w-#{$key}", (max-width: $value));
  @include mc.meta("qo-max-h-#{$key}", (max-height: $value));
}

@include mc.meta("qo-mw-100", (max-width: 100%));
@include mc.meta("qo-mh-100", (max-height: 100%));
@include mc.meta("qo-min-vw-100", (min-width: 100vw));
@include mc.meta("qo-min-vh-100", (min-height: 100vh));
@include mc.meta("qo-vw-100", (width: 100vw));
@include mc.meta("qo-vh-100", (height: 100vh));