在Sass中是否有替換函數/腳本來交換CSS屬性？

我正在從事從右到左的Sass解決方案。在Sass中是否有替換函數/腳本來交換CSS屬性？

因此，舉例來說，如果原來的風格是：

#foo { 
    float: left; 
    padding-left: 10px; 
}

...功能/腳本，它將通過尋找花車和padding-左派運行，並與更換款式：

#foo { 
    float: right; 
    padding-right: 10px; 
}

我已經用混入的解決方案，如：

@mixin float($origin: left) { 
    @if $origin == left { 
    @if $rtl { float: right; } 
    @else { float: left; } 
    } @else { 
    @if $rtl { float: left; } 
    @else { float: right; } 
    } 
} 

@mixin padding-left($value) { 
    padding-right: $value; 
} 

#foo { 
    @include float(left); 
    @include padding-left(10px); 
}

...但有沒有辦法做到這一點機智豪特不得不用包括所有可逆的屬性？

來源

2013-02-27 James

不，這不應該是那麼難在您的文本編輯器中找到並替換。 – bookcasey 2013-02-27 15:19:17

CSS需要通過Sass動態生成。這不是一個簡單的查找和替換案例。 – James 2013-02-27 15:33:34

我的意思是找到並用您的mixin替換顯式聲明。 – bookcasey 2013-02-27 15:44:56

您可以使用變量，以便您可以在一個位置設置方向，但Sass無法根據您設置的規則更改現有的CSS。

$direc: left; 

div { 
    float: $direc; 
    padding-#{$direc}: 10px; 
}

來源

2013-02-27 17:58:57 bookcasey

在Sass中是否有替換函數/腳本來交換CSS屬性？

回答

相關問題