SCSS中可以混合使用嗎？

Question

它看起來像在更少，如果應用到的元素，你可以寫類似

.input-block-level { 
    display: block; 
    width: 100%; 
    min-height: 30px;  // Make inputs at least the height of their button counterpart 
    .box-sizing(border-box); // Makes inputs behave like true block-level elements 
} 

和input-block-level可以用作無論是混入（帶括號），併爲一類。 scss中是否有類似的功能？

（從https://github.com/twitter/bootstrap/blob/master/less/mixins.less#L154採取例）

Answer 1

您所描述的功能將通過@extend實現。

http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#extend

下面是來自薩斯文檔的例子：

.error { 
    border: 1px #f00; 
    background-color: #fdd; 
} 
.seriousError { 
    @extend .error; 
    border-width: 3px; 
} 

話雖這麼說，你是否要使用extend或mixin取決於你的情況。

Answer 2

我不能確切的功能，但在「相似的功能」回答...

@mixin input-block-level { 
    /* css */ 
} 
.input-block-level { 
    @include input-block-level; 
} 

作爲一個猜測，我期望確切功能ISN由於定義mixin需要@mixin指令，因此不可能。