// // 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; } } } }
}