acud/lib/breadcrumb/style/index.less

acg react 组件库

@import '../../style/themes/index';
@import '../../style/mixins/index';

@breadcrumb-prefix-cls: ~'@{acud-prefix}-breadcrumb';

.@{breadcrumb-prefix-cls} {
    .reset-component();

    &-link {
       color: @breadcrumb-link-color;
    }
    a {
        font-size: @breadcrumb-link-size;
        .basic-tp-config(@breadcrumb-link-tp);
        transition: color 0.3s;
    }

    & > span:last-child {
        color: @breadcrumb-last-item-color;
        span, a {
          color: @breadcrumb-last-item-color;
        }
    }

    & > span:last-child &-separator {
        display: none;
    }

    &-separator {
        margin: @breadcrumb-separator-margin;
        color: @breadcrumb-separator-color;
    }
    .acud-dropdown-trigger {
        display: inline-block;
        .@{iconfont-css-prefix} {
            margin-left: 4px;
        }
    }
    &-dropdown {
        a {
            .basic-tp-config(@breadcrumb-dropdown-item-tp);
        }
    }
}