Tyopographyモジュールはリンク、行間、テキスト周りのスタイルなど文字通りタイポグラフィを中心としたモジュールです。 Vertical Rhythm まずフォントサイズと行間の数値を変数宣言。 これにより読みやすい文章を形成することをVertical Rhythmという。 変…

Utilitiesモジュールは色、レイアウト、クロスプラウザ対応のミックスインを中心としたモジュール。 link-colors-リンクカラー link-colors(color,:hover,:active,:visited,:focus); SCSS #menu li{ @include link-colors(red,blue,green,orange,black); } c…

backgroundミックスインはCSSと同じく,(カンマ)区切りのショートハンド記述です。 グラデーション表現を出すには 直線形の@include background(linear-gradient(値));関数と 放射線形の@include background(radial-gradient(値));関数があります。 SCSS第1引…

Compassを使用するにあたり下準備を。 コマントプロントでインストール コマンドプロントを開いてcompassをインストール(環境はmacです) sudo install compass インストールが完成したかどうかをバージョン情報で確認。 compass -v アップデートをする場合も…