SCSSについて勉強した - Qiita

結構適当ですが、自分用にまとめたものです。 SASS、SCSSとは？ SASS ＝ CSSを拡張したメタ言語 SCSS ＝ SASSの別文法（Sassy CSS）CSS風にかける文法。 どんなことができる？ 変数 （$var） セレクタのネスト ミックスイン（@mixin） セレクタの継承 （@extend） 簡単なサンプルコード /***** 基本 *****/ /* 変数 */ $black: #333; $gray: #888; /* mixin */ @mixin logofont { font: { family: "lucida grande", "lucida sans", sans-serif; size: 300%; weight: bold; } } /* ネスト */ body { margin: 0 auto; width: 800px; header { h1 {

[watanata2000]

概要 サマリ 基本 ★