@import 'flive-vars';

.base {
  position: relative;
}

.size-xs {
  @include column-centered('xs');
}
.size-sm {
  @include column-centered('sm');
}
.size-md {
  @include column-centered('md');
}
.size-lg {
  @include column-centered('lg');
}
.size-full {}
.with-margin-bottom {
  margin-bottom: 1rem;
  @media (min-width: $screen-md-min) {
    margin-bottom: 2rem;
  }
}
.with-margin-top {
  margin-top: 1rem;
  @media (min-width: $screen-md-min) {
    margin-top: 2rem;
  }
}
.clear-fix {
  @include clear-fix('before');
  @include clear-fix('after');
}