Sassの機能を紹介
セレクタのネスト（入れ子） セレクタを入れ子にすることができます。 例えばboxというクラスの子要素としてspan1、span2を定義した場合、普通のCSSだと下記のようになります。 .box { background-color: gray; } .box .span1 { color: red; } .box .span2 { color: blue; }...
View ArticleCSSガイドライン
CSS設計の基本 明瞭性、再利用性、保守性を意識したCSS設計を行ってください。 明瞭性 読みやすく、理解しやすい記述、構成を心がけます。 再利用性 既存のパーツから新しいコンポーネントを簡単に作成できるように心がけます。 保守性 新しいコンポーネントや機能の追加・更新が簡単に行える設計になっているように心がけます。 基本書式 セレクタセットは以下の書式が基本です。 要素セレクタ.クラスセレクタ {...
View Article
