// Utilities :: Helpers

.u-text-uppercase {
  text-transform: uppercase;
}

.u-text-capitalise {
  text-transform: capitalize;
}

.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

.u-text-right {
  text-align: right;
}

.u-text-underline {
  text-decoration: underline;
}

.u-border-radius {
  border-radius: $fabric-global-radius;
}

$base-distance: 10px !default;

.u-initial-transform-left {
  transform: translate3d(-100%, 0, 0);
}

.u-initial-transform-right {
  transform: translate3d(100%, 0, 0);
}

.u-initial-transform-up {
  transform: translate3d(0, 100%, 0);
}

.u-initial-transform-down {
  transform: translate3d(0, -100%, 0);
}

.u-initial-transform-fade-in {
  opacity: 0;
}

.u-initial-transform-fade-in-up {
  opacity: 0;
  transform: translateY($base-distance * 2);
}

.u-initial-transform-bounce-in {
  opacity: 0;
  transform: scale(0.3);
}

.u-transition-all {
  transition: $fabric-global-transition;
}

.u-block {
  display: block;
}

.u-block\@mobile {
  @include mq($until: city) {
    display: block;
  }
}

.u-relative {
  position: relative;
}

.u-visually-hidden {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.u-hidden {
  &\@city {
    @include mq($from: city) {
      display: none;
    }
  }
}

.u-center-image {
  margin: 0 auto;
}

.u-full-width {
  width: 100%;
}