Extendって何に使うやつ?
- セレクタのプロパティを他のセレクタにコピーができる。
- Extendは参照先がCSSのセレクタになっており、参照元のセレクタのプロパティを書き換えた時に連動して書き換わってしまうので慎重に扱う。
SCSSでかく
//extend参照元.hoge{width:10px;height:10px;.add{display:inline-block;}}//extendを使う対象.target{@extend.hoge;display:block;}
CSSにすると…
.hoge,.target{width:10px;height:10px;}.hoge.add,.target.add{display:inline-block;}.target{display:block;}
使い道について
Mixinでだいたい片付けてしまうので、
「この場合はMixinよりExtendの方が使いやすいよ!」
てのがあればコメントしていただけると助かります…!