@import '../style/themes/default.less';

@pull-to-refresh-prefix-cls: ~"@{sino-prefix}-pull-to-refresh";

.@{pull-to-refresh-prefix-cls} {
    position: relative;
    overflow: hidden;
    cursor: grab;

    &-track {
        transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
        transition-property: transform;
    }

    &-indicator {
        position: absolute;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        text-align: center;
        transform: translateY(-100%);

        .loading {
            display: flex;
            align-items: center;
            justify-content: center;
            color: #999;

            .sn-icon {
                margin-right: .12rem;
                font-size: .4rem;
            }

            &>span {
                font-size: .28rem;
            }
        }
    }
}
