//需要吗？
@back-top-size: 72px;
@back-top-text-color: #ffffff;

@name-prefix:~ 'igloo-back-top';

.@{name-prefix}-container {
  height: @back-top-size;
  width: @back-top-size;

  .ant-float-btn-body {
    background-color: @primary-color;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.25);

    &:hover {
      background-color: @hover-color;
    }

    &:active,
    &:focus {
      background-color: @active-color;
    }

    .@{name-prefix}-icon {
      position: absolute;
      width: 36px;
      height: 36px;
      left: 18px;
      top: 4.5px;
      font-size: 36px;
      color: @back-top-text-color;
    }

    .ant-float-btn-content .ant-float-btn-description {
      color: @back-top-text-color;
      position: absolute;
      left: 20px;
      bottom: 15px;
      font-size: 19px;
      line-height: 19px;
    }
  }
}

@media screen and (max-width: 768px) {
  .@{name-prefix}-container {
    width: 48px;
    height: 48px;

    .ant-float-btn-body {
      .@{name-prefix}-icon {
        left: 6px;
        top: 3px;
        font-size: 24px;
      }

      .ant-float-btn-content .ant-float-btn-description {
        left: 13px;
        bottom: 10px;
        font-size: 13px;
      }
    }
  }
}