@prefixAvatarCls: ~'yy-avatar';

.@{prefixAvatarCls} {
    display: inline-block;
    &-info {
        padding-bottom: 100%;
        border-radius: 4px;
        position: relative;
    }
    &-content {
        .fullscreen(absolute);
        border-radius: 4px;
        overflow: hidden;
        color: #fff;
        text-align: center;
        &-path {
            .square(100%);
            img {
                .square(100%);
            }
        }

        &-name {
            i {
                font-style: normal;
                vertical-align: middle;
                display: inline-block;
                max-width: 90%;
                .ellipsis()
            }
            &:after {
                content: '';
                height: 100%;
                display: inline-block;
                vertical-align: middle;
            }
        }
    }
}