1

少ないであなたが次のようなものを書くことができるように見えます

.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から取得した例）

4

2 に答える 2

2

説明している機能は、で実現され@extendます。

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

Sassドキュメントの例を次に示します。

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

そうは言っても、使用したいかどうかはextend状況mixinによって異なります。

于 2012-10-12T23:35:53.400 に答える
1

正確な機能については答えられませんが、「同様の機能」については答えられません...

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

@mixin推測として、ミックスインを定義するために必要なディレクティブのために、正確な機能は不可能だと思います。

于 2012-10-12T22:45:38.700 に答える