使用在薩斯

冒號語法和變量

我仍在使用舊的冒號語法（我喜歡它比括號語法更多），這個特殊的代碼：使用在薩斯

a.button-link 
    +box($main-color) 
    +border-radius(5px) 
    :background 
    :color $main-color 
    :color #fff 
    :padding 5px

產生類似的警告這樣：

DEPRECATION警告：在線12上，'/ Users/eumir/rails_apps/dxconnect/app/ stylesheets/partials/utilities/_link-styles.sass'的字符3' 使用=來設置屬性已被棄用，並將在版本3.2。改爲使用「background：$ main-color」。

我試過了，但我的背景顏色仍然不顯示。對此有任何幫助請好嗎？謝謝！

來源

2010-06-17 corroded

這裏有一個工作的答案我從Haml的羣體了。顯然我宣佈我的變量爲$ main-color：「＃f00」，而不是$ main-color：＃f00

「您的$ main-color變量不應該有引號，在Sass 3中，所有變量和mixin的參數應該與您希望它們出現在CSS中一樣，不帶任何額外的引號。「

來源

2010-06-18 07:28:52 corroded

嘗試：

a.button-link 
    background: $main-color

或

a.button-link 
    background-color: $main-color

來源

2010-06-17 14:07:26

是的，我已經試過了。它不起作用（sass編譯正確，但它不會產生沒有前面冒號的那個 – corroded 2010-06-17 14:12:54

即使您更喜歡使用SASS語法而不是SCSS（我也是！），您應該使用轉換器：

sass-convert --from=sass2 --to=sass --recursive views/stylesheets

請參閱sass-convert --help的所有選項選項。

來源

2010-06-20 10:24:37

，但是更新它們意味着當我編輯它們時會看到scss文件？ – corroded 2010-06-21 06:59:36

不，你會得到SASS文件，如果你使用--to = sass選項。 – 2010-06-22 07:35:13

回答

相關問題