acud/es/cascader/style/mixin.less

acg react 组件库

// picker
.cascader-picker-size(@width, @height, @fontSize, @broderRadius, @borderWidth) {
    width: @width;
    // height: @height;
    font-size: @fontSize;
    border-radius: @broderRadius;
}

.cascader-picker-size-config(@size) {
    @widthLabel: ~'cascader-picker-width-@{size}';
    @heightLabel: ~'cascader-picker-height-@{size}';
    @fontLabel: ~'cascader-picker-font-size-@{size}';
    @borderRdsLabel: ~'cascader-picker-border-radius-@{size}';

    .cascader-picker-size(@@widthLabel; @@heightLabel; @@fontLabel; @@borderRdsLabel; @cascader-picker-border-width);
}

.cascader-picker() {
    position: relative;
    display: inline-block;
    border: 1px solid;
    outline: 0;
    cursor: pointer;
    transition: color .3s;

    .cascader-picker-size-config(md);

    &-lg {
        .cascader-picker-size-config(lg);
    }

    &-sm {
        .cascader-picker-size-config(sm);
    }
}