toke

extendとmixinは引数を渡せる渡せない &amp; コンパイル後のcssの記述に違いがあるが、 
基本的にmixinを利用して、引数を使ってカスタマイズできるやり方がおすすめ
引数使わないならextendがおすすめ(プレースホルダーとセットで使った方が良いが) 
extendだと、スタイルがグループ化されることになるので、プレースホルダーとセットで使えと
<iframe id="zenn-embedded__ace487e2fde9f" src="https://embed.zenn.studio/card#zenn-embedded__ace487e2fde9f" data-content="https%3A%2F%2Fchot.design%2Fsass%2F21f5514c9ad3%2F" frameborder="0" scrolling="no" loading="lazy"></iframe><a href="https://chot.design/sass/21f5514c9ad3/" style="display:none" target="_blank" rel="nofollow noopener noreferrer">https://chot.design/sass/21f5514c9ad3/</a> 
<img src="https://storage.googleapis.com/zenn-user-upload/f3933cbe3525-20250621.png" loading="lazy" class="md-img">