@import "sass-zero/variables";
@import "sass-zero/mixins";

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

.u-unscrollable {
  overflow: hidden;
}

.u-display-i {
  display: inline;
}

.u-display-b {
  display: block;
}

.u-display-ib {
  display: inline-block;
}

.u-display-n {
  display: none;
}

.u-centered {
  margin-right: auto;
  margin-left: auto;
}

.u-float-l {
  float: left;
}

.u-float-r {
  float: right;
}

.u-float-n {
  float: none;
}

.u-float-clear {
  clear: both;
}

.u-float-clear-l {
  clear: left;
}

.u-float-clear-r {
  clear: right;
}

.u-hide {
  display: none;
}

.u-hide-focus {
  outline: none;
}

@media (max-width: $breakpoint-md - 1) {
  .u-wrap-on-mobile {
    display: block;
  }

  .u-hide-on-media-small {
    display: none;
  }

  .u-float-n-on-mobile {
    float: none;
  }
}

@media (min-width: $breakpoint-md) {
  .u-wrap-on-desktop {
    display: block;
  }

  .u-hide-on-media-medium {
    display: none;
  }
}

@media print {
  .u-no-print {
    display: none !important;
  }
}