css - Blueprint CSS はいくつかの標準寸法を使用しますか?

Question

Blueprint CSS がどのように機能するのか疑問に思います。標準的な寸法 (40 ピクセル幅の 24 列、または 48 ピクセル幅の 20 列など) を使用しますか? 通常、ブループリント設定の詳細を指定するファイルはありますか?

Answer 1

公式のクイック スタート チュートリアルでは、寸法を次のように詳しく説明しています。

デフォルトでは、グリッドの幅は 950 ピクセルで、24 列が 30 ピクセルにまたがり、列間に 10 ピクセルの余白があります。

特定の列幅、ガターなどを使用して独自の grid.css ファイルを生成できるBlueCalcもあります。

BlueprintCSS パッケージの grid.css ファイルを変更することで、列幅を手動で変更することもできます。span-1 から span-24 クラスにはそれぞれ絶対幅が設定されています (ただし、BlueCalc を使用すると、行っている変更を視覚的に確認するのが少し簡単になります)。