SASS mixinライブラリとして使用する方が良いでしょうか？ブートストラップかBourbonですか？

Question

私はSass mixinライブラリとして何を使用するのかを探しています：ブートストラップか、むしろBourbon。

BootstrapはUIフレームワークによく似ており、あなたはボックスのコンポーネントとモジュールを使い果たしていることがわかりました。そして、バーボンは実際にあなた自身のコンポーネントとモジュールを簡単に作成できるようにSCSSを書くためのツールセットを提供するSassライブラリです。

私はmixinライブラリとしてBootstrapをどのように使いやすいと思っていますか？

私はBootstrapミックスインで自分のサイトにボタン用のコードを書き込もうとしましたが、ほとんどのミックスインをボタンの外観にするためにボタンを変更する必要がありました。そして、あらかじめ定義されたコードをたくさん削除する必要がありました。

バーボンで私はいくつかの一般的なミックスインを使用し、新しいものを書きました。

私は、ブートストラップでは削除と上書きがたくさんあると思います。

誰かが自分の経験から賛否両論をいただけますか？

Answer 1

私はBootstrap4について話すことができませんが、Bootstrap3のbootstrap-sassはmixinsを考慮して構築されていないようです。バンチはモジュール自体で使用され、スタイルを定義するときには有益かもしれませんが、決して意図されたワークフローではありません。このケースは、オリジナルのLESSソースと同じであるようです。

あなたが必要としないチャンクを作り出すことができますが、インストールポリシーのBourbonのゼロ出力と比較すると、通常、cdnからホットリンクされたミニブートストラップの後に読み込まれた小さなスタイルシートでいくつかのプロパティをオーバーライドする方が良いでしょう。確かにそれをある程度まで最適化することはできますが、それほど美しくはありません。

たとえば、変数を適切に設定してnavbarをスタイル設定し、ブートストラップの関連部分をその依存関係と共にインポートすると、〜35kの圧縮が解除されます。または、2-3kのために必要な部分だけを無効にして、エンドユーザがコンテンツ配信ネットワークから110kのフルサイズのブートストラップを食べさせるようにすることもできます。彼らはすでに普及しているので、キャッシュされているでしょう、従来の議論です。

このホットリンクとフィッティングのマークアップは、スタイルの代わりにraised some criticismですが、ブートストラップを使用するように設計されているようです。

全体的には、すでにBourbonに慣れているなら、Bootstrap3をチェックするのは興味深いかもしれませんが、それは間違いなくmixinライブラリではありません。