elementui / theme-default-scss Goto Github PK

version 9694529

in button.scss:291:

    @each $type in (primary, success, warning, danger, info){

        .el-button--$type{ // <== This line

            &:first-child{

                border-right-color: rgba(#fff, 0.5);
            }

Which should be

    @each $type in (primary, success, warning, danger, info){

        .el-button--#{$type}{

            &:first-child{

                border-right-color: rgba(#fff, 0.5);
            }

Providing a font path variable would resolve common issues such as noted here: https://github.com/webpack-contrib/sass-loader#problems-with-url. As described, "bootstrap-sass for example has an $icon-font-path".

The postcss is generating the wrong col.scss rules. It is generating

@for $i from 1 to 24

instead of

@for $i from 1 through 24

The through makes 24 inclusive, so rules like

.el-col-xs-24

can work.

This modifier class seems not to be present in the radio.scss file. You can reproduce this with the following code:

<el-radio-group v-model="radio3"> <el-radio-button label="New York"></el-radio-button> <el-radio-button label="Washington"></el-radio-button> <el-radio-button label="Los Angeles"></el-radio-button> <el-radio-button label="Chicago"></el-radio-button> </el-radio-group>

When an item is selected, the active item is not shown active as in the docs: http://element.eleme.io/#/en-US/component/radio#button-style