Sassとは
04:26会員限定 @mixin / @include
- @mixin/@includeについて
- 関連リンク
@mixin/@includeについて
@mixinと@includeはSCSSでコード再利用を効率化する機能です。
@mixinでスタイルを定義し、@includeで適用することで、重複を減らし保守性を向上させます。
@mixinとは?
@mixinは、よく使うスタイルのセットを「ミックスイン」という形でまとめて定義する機能です。
これにより、同じスタイルを何度も書かずに再利用できるため、効率的なコーディングが可能になります。
例:button-stylesという名前で定義
@mixin button-styles {
padding: 10px 20px;
background-color: #3498db;
color: white;
border-radius: 5px;
}
このように、@mixinの後に名前を指定し、{}内にスタイルを記述します。@includeとは?
Sassコーディング
全 9 動画