2013-02-27 2 views
1

저는 Sass에서 오른쪽에서 왼쪽으로 쓰는 솔루션을 만들고 있습니다.CSS 속성을 바꾸기 위해 Sass에 replace 함수/스크립트가 있습니까?

그래서 예를 들어, 원래 스타일 인 경우 :

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

... 기능/스크립트가 수레와 패딩 - 왼쪽, 오른쪽을 찾고 통해 실행과 스타일을 대체합니다 :

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

이미이 같은 유지 mixin을 사용하여 솔루션이 있습니다

@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); 
} 

을 ...하지만이 재치 할 수있는 방법이있다 모든 뒤집을 수있는 속성을 포함해야하는 hout는? 한 곳에서 방향을 설정할 수 있도록

+0

아니요.하지만 텍스트 편집기에서 찾기 및 바꾸기가 어렵지 않습니다. – bookcasey

+0

CSS는 Sass를 통해 동적으로 생성되어야합니다. 찾기 및 바꾸기의 간단한 경우는 아닙니다. – James

+0

나는 명시 적 선언을 찾고 믹스 인으로 대체하는 것을 의미했습니다. – bookcasey

답변

1

당신은 변수를 사용할 수 있지만 말대꾸는 사용자가 설정 한 규칙에 따라 기존의 CSS를 변경 할 수있는 능력을 가지고 있지 않습니다.

$direc: left; 

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