@import (reference) "../variables/legacy-variables.less";
@import (reference) "./mixins/_clearfix.less";
@import (reference) "./mixins/_center-block.less";
@import (reference) "./mixins/_hide-text.less";
@import (reference) "./mixins/_logical-properties.less";

.d-inline-block {
  display: inline-block;
}

.d-inline {
  display: inline;
}

.clearfix {
  .clearfix();
}

.center-block {
  .center-block();
}

.pull-right,
.pull-xs-right {
  .float(right) !important;
}

.pull-left,
.pull-xs-left {
  .float(left) !important;
}

.pull-xs-none {
  float: none !important;
}

@media (--screen-sm) {
  .pull-sm-left {
    .float(left) !important;
  }

  .pull-sm-right {
    .float(right) !important;
  }

  .pull-sm-none {
    float: none !important;
  }
}

@media (--screen-md) {
  .pull-md-left {
    .float(left) !important;
  }

  .pull-md-right {
    .float(right) !important;
  }

  .pull-md-none {
    float: none !important;
  }
}

@media (--screen-lg) {
  .pull-lg-left,
  /// @deprecated
  .pull-xl-left {
    .float(left) !important;
  }

  .pull-lg-right,
  /// @deprecated
  .pull-xl-right {
    .float(right) !important;
  }

  .pull-lg-none,
  /// @deprecated
  .pull-xl-none {
    float: none !important;
  }
}

// Floats not changing direction on RTL.

.pull-left-single-direction {
  float: left !important;
}

.pull-right-single-direction {
  float: right !important;
}

// Toggling content
// -------------------------

// Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1

.hide {
  display: none !important;
}

.show {
  display: block !important;
}

.invisible {
  visibility: hidden;
}

.text-hide {
  .text-hide();
}

// Hide from screenreaders and browsers
//
// Credit: HTML5 Boilerplate

.hidden {
  display: none !important;
}

// For Affix plugin
// -------------------------

.affix {
  position: fixed;
}

.rotate90 {
  transform: rotate(90deg);
}

.rotate180 {
  transform: rotate(180deg);
}

.rotate270 {
  transform: rotate(270deg);
}

.rotate-90 {
  transform: rotate(-90deg);
}
