yayoi-tech https://blog.hatena.ne.jp/yayoi-tech/ 弥生研究所 https://yayoi.tech/ programming SCSS ではソースコードを共通化する機能として、mixin(include) と、extend が用意されています。 比較的単純な共通化であれば、mixin も extend も同じ役割を担うことができるため、機能的な違いだけで mixin と extend を使い分けることが難しい場合があります。 そこで、mixin と extend のどちらでも実装できる状況で、どちらを選択すべきなのかをまとめました。 結論 コードを共通化するのが目的なら、まず mixin を検討する グループ化したいときのみ、extend を検討する 機能的な違い さっくりと、基本的な機能の違いを確認します。 Mix… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fyayoi.tech%2Fentry%2Fsass_difference_between_mixin_and_extend" title="【SCSS】Mixin と Extend の違いと使い分け - 弥生研究所" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn.user.blog.st-hatena.com/default_entry_og_image/153891454/1569912507511784 Hatena Blog https://hatena.blog 2020-01-15 18:00:00 rich https://yayoi.tech/entry/sass_difference_between_mixin_and_extend 1.0 100%