mixin-position-maps.scss

@mixin position($position, $args) {
  position: $position;
  @each $dir in top, right, bottom, left {
    #{$dir}: map-get($args, $dir);
  }
}

@mixin absolute($args) {
  @include position(absolute, $args);
}
@mixin relative($args) {
  @include position(relative, $args);
}
@mixin fixed($args) {
  @include position(fixed, $args);
}

.positioned-with-maps {
  @include absolute((top: 2rem, right: 2rem));
}