@import 'xtend-library/src/extensions/sticky/_sticky.less';
@import 'xtend-library/src/core/javascript/javascript.less';

/**
 * sticky
 */

.sticky-moving {
  transition: top @time-small @ease-out, bottom @time-small @ease-out, opacity @time-small @ease-out;
  &.inverse {
    transition: top @time-small @ease-in, bottom @time-small @ease-in, opacity @time-small @ease-in;
  }
}

.sticky-hide {
  opacity: 0;
}

// special

.sticky-disable {
  opacity: 1 !important;
}