正則表達式的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

回答

相關問題