はじめに
学習始めたての初心者のアウトプットなので内容も薄いとは思いますが
それでも見ていただいた方でご指摘があればよろしくお願い致します。
今回はsassを利用して便利だと感じたものを大まかに投稿していきます。
Sassとは
・CSSを効率よく記述することができる言語
・sassファイルはcssに変換される
変数
・変数を定義することができ、クラスに代入する事もできる。
・変数は利用する箇所より、前で定義することに注意が必要かもです。
$blue: #1f07db ←これ
.title
color: $blue；
入れ子・ネスト
・同じセレクタを何度も書かなくても良い
・「セレクタ:hover」→「&:hover」は
&記号に書き換えて、まとめることが可能。
import
外部先からファイルを読み込む事ができる
mixin
いくつかのコードを1つにまとめて、複数箇所で簡単に呼び出すことが可能。
同じコードを何度も書く必要がなくなり、無駄なコードを省略することが可能