正则表达式的CSS像素转换成SCSS REM

作为练习的一部分，所有现有的CSS转换为SCSS，我需要把所有的px到rem正则表达式的CSS像素转换成SCSS REM

#olpPredefinedInputs { 
    margin-top: 5px; 
    margin-left: 35px; 
    margin-bottom: 30px; 
    margin-right: 15px; 
    font-size: 11px; 
}

转换为

#olpPredefinedInputs { 
    margin-top: rem(5px); 
    margin-left: rem(35px); 
    margin-bottom: rem(30px); 
    margin-right: rem(15px); 
    font-size: rem(11px); 
}

我想在我的IDE（的IntelliJ）各种正则表达式的，但是我无法找到一个正则表达式，可以做这个任务。我不赞成脚本这个

来源

2014-07-02 Nandish A

正则表达式：\d+px

更换模式rem($0)

不过，我不知道的正则表达式实现你的IDE的

来源

2014-07-02 07:02:24 Zhonk

你应该保持 “PX” 太 –

@德alar'cop你是对的。 – Zhonk

你可以尝试下面的正则表达式，

:\s(.*?px)

换人：

: rem($1)

DEMO

来源

2014-07-02 07:07:39

正则表达式的CSS像素转换成SCSS REM

回答

相关问题