sass - 高効率でコンパスサスを構築する方法

Question

私はコンパスサスの初心者です。コンパスサスプロジェクトを高効率で構築する方法を知りたいです。githubに既存のコンパスsassフレームワークはありますか？または、経験豊富な開発者が、優れたコンパスsassプロジェクトの作成方法を教えてくれますか。ありがとうございます。

Answer 1

Compass で動作するようにさまざまなフレームワークが移植されていますが、お勧めしません。一般的な CSS フレームワークは、フリーサイズですべてに対応するように構築されています。これは、あらかじめ設定された CSS クラスのリストを使用してできる最善の方法だからです。Sass を使用すると、より対象を絞った柔軟なツールを作成し、Compass を使用してそれらすべてを独自の方法で組み合わせることができます。

あなたが求めていることに関連する、すでに回答済みの SO の質問がいくつかあります。

• フレームワークの詳細については、別の CSS フレームワークで Compass/Sass を使用します。
• SASS: Classess vs Variablesの使用の詳細については、 Extensing Classess vs Variables を参照して@extendsください。
• 要素別、機能別、メディアクエリ別の CSS (SASS、LESS) ファイルの構造化: 3D コード構造? コードの整理の詳細については。

%mgb5意味を失うことなく、ミックスインとサイレント クラス ( など) をできるだけシンプルに保ちます。これは、クラス全般に適したルールです。nav短くても理解しやすいmgb5ですが、それほど多くはありません。同じルールで、ミックスイン/クラス内をガイドできます。プロパティが 1 つしかない場合、ミックスイン/クラスはあまり意味がないかもしれません。もしあなたが30を持っているなら、それはおそらくあまりにも多くの意味を持たせようとしている. それぞれが明確で意味のあるアクションを表している限り、より大きな mixin/class をより小さなものに分割して、柔軟性を高めます。

同じ基本的なガイドラインが静的 CSS と変数に適用されます。単純な css では明確でない目的を持つルールがある場合は、目的の意味を与える mixin、関数、または変数の一部にする必要があります。18px今の自分にジャストサイズが良さそうなら、ちょうど18pxいいです。ただし18px、サイズのセット スケールの一部である場合、または特定の目的がある場合は、名前を付けます:$large: 18px;または$gutter-width: 18px;.