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

@include mc.meta("qo-position-static", (position: static));
@include mc.meta("qo-position-relative", (position: relative));
@include mc.meta("qo-position-absolute", (position: absolute));
@include mc.meta("qo-position-fixed", (position: fixed));
@include mc.meta("qo-position-sticky", (position: sticky));

// Edge positioning
$_positions: (0: 0, 50: 50%, 100: 100%);

@each $key, $value in $_positions {
  @include mc.meta("qo-top-#{$key}", (top: $value));
  @include mc.meta("qo-bottom-#{$key}", (bottom: $value));
  @include mc.meta("qo-start-#{$key}", (left: $value));
  @include mc.meta("qo-end-#{$key}", (right: $value));
}

// Center transform helpers
@include mc.meta("qo-translate-middle", (transform: translate(-50%, -50%)));
@include mc.meta("qo-translate-middle-x", (transform: translateX(-50%)));
@include mc.meta("qo-translate-middle-y", (transform: translateY(-50%)));