@import url('~antd/es/style/themes/default.less');
@import url('../style/var.less');

@skeleton-app-prefix-cls: ~'@{style-prefix}-skeleton';
@size-middle: 24px;

.@{skeleton-app-prefix-cls}-li_middle.@{ant-prefix}-skeleton {
  height: @size-middle;
  line-height: @size-middle;

  .@{ant-prefix}-skeleton-avatar {
    width: @size-middle;
    height: @size-middle;
    line-height: @size-middle;
    border-radius: @border-radius-base;
  }

  .@{ant-prefix}-skeleton-paragraph {
    margin-bottom: 0;

    > li {
      height: @size-middle;
    }
  }
}

@size-small: 16px;

.@{skeleton-app-prefix-cls}-li_small.@{ant-prefix}-skeleton {
  height: @size-small;
  line-height: @size-small;

  .@{ant-prefix}-skeleton-avatar {
    width: @size-small;
    height: @size-small;
    border-radius: @border-radius-base !important;
  }

  .@{ant-prefix}-skeleton-paragraph {
    margin-bottom: 0;

    > li {
      height: @size-small;
    }
  }
}