.position {
  @include dynamic-property(null, 'position', 'absolute');
  @include dynamic-property(null, 'position', 'relative');
  @include dynamic-property(null, 'position', 'fixed');
  @include dynamic-property(null, 'position', 'static');

  @include mobile-only {
    @include dynamic-property('xs', 'position', 'absolute');
    @include dynamic-property('xs', 'position', 'relative');
    @include dynamic-property('xs', 'position', 'fixed');
    @include dynamic-property('xs', 'position', 'static');
  }

  @include breakpoint(568) {
    @include dynamic-property('sm', 'position', 'absolute');
    @include dynamic-property('sm', 'position', 'relative');
    @include dynamic-property('sm', 'position', 'fixed');
    @include dynamic-property('sm', 'position', 'static');
  }

  @include tablet-landscape-up {
    @include dynamic-property('md', 'position', 'absolute');
    @include dynamic-property('md', 'position', 'relative');
    @include dynamic-property('md', 'position', 'fixed');
    @include dynamic-property('md', 'position', 'static');
  }

  @include desktop-up {
    @include dynamic-property('lg', 'position', 'absolute');
    @include dynamic-property('lg', 'position', 'relative');
    @include dynamic-property('lg', 'position', 'fixed');
    @include dynamic-property('lg', 'position', 'static');
  }

  @include big-desktop-up {
    @include dynamic-property('xl', 'position', 'absolute');
    @include dynamic-property('xl', 'position', 'relative');
    @include dynamic-property('xl', 'position', 'fixed');
    @include dynamic-property('xl', 'position', 'static');
  }
}