@import '../../style/theme.less';
@import '../../assets/fonts/iconfont.less';

.toy-icon-root {
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    line-height: 1;
    box-sizing: border-box;

    &--image {
        width: @font-size-icon;
        height: @font-size-icon;
    }

    &__image {
        width: 100%;
        height: 100%;
        display: block;
    }

    /* 内层 text 承载 ::before 字形，固定 1em 方盒便于与 flex 行内文案垂直对齐 */
    > text {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1em;
        height: 1em;
        line-height: 1;
        font-style: normal;
    }
}
