_misc.scss

// -----------------------------------------------------------------------------
// CLEARFIX

@mixin clearfix {
  &::after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin unclearfix {
  &::after {
    display: none;
    clear: none;
  }
}

// -----------------------------------------------------------------------------
// HIDE VISUALLY

@mixin hide-visually {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
}