質問はそれほど大丈夫です。SASSでは、別のファイルのクラスから継承することは可能ですか?
たとえば、Twitter Bootstrapを使用していた場合、BootstrapのCSSクラスを継承する独自のSASSスタイルシートにクラスを定義できますか?または、SASSの継承は単一のファイルの範囲内でのみ機能しますか?
質問はそれほど大丈夫です。SASSでは、別のファイルのクラスから継承することは可能ですか?
たとえば、Twitter Bootstrapを使用していた場合、BootstrapのCSSクラスを継承する独自のSASSスタイルシートにクラスを定義できますか?または、SASSの継承は単一のファイルの範囲内でのみ機能しますか?
はい!可能です。
あなたstyles.scss
ファイルでTwitter Bootstrap's Default buttons
から.btn
クラスを継承するすべての<button>
の要素をしたい場合は、最初のインポート_bootstrap.scss
する必要があります:
@import "_bootstrap.scss";
:
button { @extend .btn; }
私はやっていて気分が悪いこれは他の回答がこの質問にかなり答えたので(私はちょっと後でチェックして忘れてしまった)。しかし、私はあなたの答えを受け入れています。なぜなら、それは最も完全なものです。つまり、私はプロセス全体を通して私を歩いています。ありがとう! –
これは他のSCSSファイルでのみ機能しますか? CSSファイルでこれを行うことはできませんか? – crush
これはちょうど私の心を吹き飛ばした。将来のおかげで! –
私の知る限りでは、SASSファイルに使用するクラスが含まれているファイルを、そのファイルで利用するにはyou have to use @import
です。しかし、私はSASS/SCSSのエキスパートではないので、私が気づいていないリモートで別の方法を知っている人もいるかもしれません。
**私が間違っているかもしれませんが、あなたがしようとしているものが得られたら、拡張したい要素の中で@extend .classname;
コマンドを使用するだけでいいですか?当然のことながら、あなた自身のコードを変更して、更新可能性を維持してください。
素敵なご質問、大歓迎 –