@use '../tokens/index.scss' as tokens;
@use '../mixins/index.scss' as mixins;

@each $item in tokens.$positions {
	.position-#{$item} {
		position: #{$item} !important;
	}
}

@include mixins.tablet {
	@each $item in tokens.$positions {
		.position-#{$item}-tablet {
			position: #{$item} !important;
		}
	}
}

@each $side, $direction in tokens.$logical-directions {
	.#{$side}-0 {
		inset-#{$direction}: 0 !important;
	}
}