Sassによる効率的なスタイルシート開発ガイド
インストール
npm install -g sass
1、Sass変数の利用方法
Sassでは変数に$記号を使用します：
$変数名: 値;
$containerWidth: 760px;
.main-content {
max-width: $containerWidth;
margin: 0 auto;
}
2、Sassのネスト機能
ルールのネスト
以下にヘッダーメニューのスタイルをネストして記述する例を示します：
Sassコード：
.header {
background-color: #33 ...
10月18日 00:47 投稿