importの使い方について
importとは作業ファイルから別のファイルを読み込む際に使用する
変数back-colorを定義しているファイルを呼び出したい時
//ファイル名 _variable.scss
$back-color: #ffffff;
変数$back-colorを呼び出す
//ファイル名 stylesheet.scss
@import 'variable'; //_(アンダーバー)と拡張子は省略可能
.top-page{
background-color:$back-color;
}
これで使えるようになる
importファイルは名前のファイル名の先頭には**「_(アンダーバー)」**をつける必要がある