2016-01-20 172 views
-1

我有一個變量,它是一個數字,例如10%。我怎樣才能將它作爲我的SASS中的一個值使用,但是在其上應用一個分區?在Sass中劃分變量百分比?

我有這樣的:

$value: 0.1; 

$value-percent: $value * 1%; 

$value-from-50: (50 - $value) * 1%; 

    .test { 
     padding-left: $value-percent; 
    } 

    .test2 { 
     width: $value-from-50; 
    } 

它輸出這樣的:

.test { 
     padding-left: 10%; 
    } 

    .test2 { 
     width: 40%; 
    } 

我現在需要做的是應用的$值百分之值的一半:

.test3 { 
     padding-left: $value-percent/2; 
    } 

這樣我就可以輸出:

​​

我試着用普通和大括號的示例代碼的各種組合。我可以得到10個輸出到CSS中的正確數字,但%始終缺少。

+0

這裏沒有足夠的信息來重現問題。你在這裏發佈的內容應該會給你想要的輸出。 – cimmanon

+0

確保'$ var'的內容具有百分比符號。 – user2867288

+0

我仍然無法重現問題。第一個選擇器的填充左側爲0.1%,第二個填充的寬度爲49.9%,第三個填充左側爲0.05%。 – cimmanon

回答

1

如果您最初的變種是不是百分比僅僅是一個數字,你可能需要試試這個:

.test { 
    padding-right: ($var/2) + 0% 
} 

哪個是更好的做法,因爲它會傳遞給它的值轉換爲你」重新添加它,在這種情況下是一個百分比。

+0

根據提供的輸出,爲什麼您會認爲'$ var'包含除百分比之外的其他東西? – cimmanon

+0

因爲他們沒有顯示$ var定義。這就是我說IF的原因。 –

+0

如果未提供所有信息,請不要回答問題。 – cimmanon