@import '../../style/index';
@import './base.less';

@backTop-prefix: ~'@{klein-prefix}-back-top';

.@{backTop-prefix} {
  position: fixed;
  z-index: @zIndex-back-top;
  .baseDistance();
  cursor: pointer;

  &-child {
    //.baseBg();
    color: white;
    font-size: @font-size-basic;
    line-height: @height-lg;
    text-align: center;
    //border-radius: 10px;
    cursor: pointer;
    transition: all 0.3s;
  }

  &-circle {
    .@{klein-prefix}-icon {
      .baseBg();
    }
  }

  &-square {
    .@{klein-prefix}-icon {
      .baseBg();
    }
  }
}
