@antv/x6-react-components/lib/scroll-box/style/index.less

React components for building x6 editors

@import url('../../style/themes/index');
@import url('../../scrollbar/style/index');

@scrollBox-prefix-cls: ~'@{x6-prefix}-scroll-box';

.@{scrollBox-prefix-cls} {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;

  &&-auto-hide {
    & > .@{scrollbar-prefix-cls} {
      opacity: 0;
      transition: opacity 3.5s cubic-bezier(0.3, 1.2, 0.2, 1);
    }

    &:hover > .@{scrollbar-prefix-cls} {
      opacity: 1;
      transition: opacity 0.8s cubic-bezier(0.3, 1.2, 0.2, 1);
    }
  }
}