scss　変数　～定義する際は＄をつける～

■変数

・定義方法　$変数名: 値;
　（意味＝左の変数に右の値を代入する）

例）変数名（change）に赤色（red）を代入

・使い方

　変数名を使用したい箇所で記述

例）class「title」と「title2」にそれぞれ変数（change）を指定する

・注意
　変数は利用する箇所より前で定義する必要がある
　変数は利用範囲（スコープ）の指定ができる。

　読み込む位置より上部で変数を定義しも、スコープ外だと変数が読み込めないので

　入れ子構造の一番外で定義するように注意

$change:red;

.title { color:$change; }
.title2 { color:$change; }

スコープ外の指示方法だと

.title { $change:red;
color:$change;}
.title2 {color:$change; }

.titleの中で定義しているのでtitle2には適用されない