//
// position.scss
// Extended from Bootstrap
//

.top-0 {
  top: 0 !important;
}

.right-0 {
  right: 0 !important;
}

.bottom-0 {
  bottom: 0 !important;
}

.left-0 {
  left: 0 !important;
}

.center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


// Responsive positions

@each $breakpoint, $value in $grid-breakpoints {
  @if ($breakpoint !='xs') {
    @include media-breakpoint-up(#{$breakpoint}) {
      @each $position in $positions {
        .position-#{$breakpoint}-#{$position} {
          position: $position !important;
        }
      }
    }
  }
}