FE Converter

Configuration

css.lang: 'less'

"The lang of css, suports 'less','sass','stylus'"

css.u2u.origin: 'rem'

"Original unit of CSS unit conversion"

css.u2u.target: 'rpx'

"Target unit of CSS unit conversion"

css.u2u.rate: 200

"Conversion rate of CSS unit conversion"

css.u2u.precision: 6

"Precision of CSS unit conversion"

css.u2u.keepComment: 'no'

"Ignore comment of CSS unit conversion"

Shortcut

Default shortcut is ctrl + 6 / cmd + 6

Example

.classNameA {
    .classNameB {
        position: absolute;
        padding: 0.15rem;
        left: 50%;
        margin-top: 0.35rem;
        margin-left: -0.23rem;
        width: 0.16rem;
        height: 0.16rem;
        box-sizing: content-box;
    }
}

==>

.classNameA .classNameB {
    position: absolute;
    padding: 30rpx;
    left: 50%;
    margin-top: 70rpx;
    margin-left: -46rpx;
    width: 32rpx;
    height: 32rpx;
    box-sizing: content-box;
}

Enjoy!