在sass中是什麼意思

例如在下面從sass。這只是@mixin的縮寫嗎？我似乎無法找到這個任何信息對谷歌在sass中是什麼意思

=multi-line-button($base-color) 
    +background-clip('padding-box') 
    border-width: 1px 
    +border-radius(6px) 
    border-style: solid 
    color: white 
    display: block 
    margin: 0.2em auto 
    padding: 12px 15px 
    text-align: center 
    text-decoration: none

來源

2011-05-10 Fendo

是的，這是在薩斯定義混入的方式

如果說不上this article將有助於在所有

編輯：

以下是相同

@mixin red-text 
    color: #ff0000 

=red-text 
    color: #ff0000

只需添加+red-text到您的選擇器

來源

2011-05-10 10:49:38 stephenmurdoch

任何想法爲什麼官方文檔沒有這個信息？它是否被棄用或什麼？ – Fendo 2011-05-10 11:04:42

不太確定爲什麼它不在文檔中。但使用這兩種技術是完全正確的。文檔確實說明了使用@mixin是「方式」，但我自己總是使用「=」技術 - SASS一直在改變，所以這可能是一個向後兼容的特性..... – stephenmurdoch 2011-05-10 11:17:51

爲了人類可讀性'@ mixin'和'@ include'更清晰。使用'='和'+'讓我想起通過arcane makefile語法的閱讀：D – jgillman 2016-05-04 20:48:44

「@mixin foobar」是較新的SCSS語法（更像CSS），「= foobar」是較舊的SASS語法（更像HAML）。我對SASS相當陌生，從SCSS開始，但都支持（可能不在同一個樣式表中），兩者都將繼續得到支持。

來源

2011-05-10 23:11:35 Rocketpilot

在sass中是什麼意思

回答

相關問題