sassの変数が使えない

Question

sassで変数を使おうとしましたがうまくいきません。
https://gyazo.com/cc427c9fb1d508cd07ad5021f40980d6

sass syntax::error
undefied valiable :$user-back

変数が定義されていないと出ました。
application.scss には@import "./valiables";
が
_valiables.scssには
$userback: #253141; $group: #2f3e51;
が
side.scssには、
side__user { background-color: $userback; }
side_scssにbackground-colorを直でかくと動きマス。

変数がうまく定義されるようにするにはどうすれば良いでしょうか？

Answer 1

自己解決！！
_validates.scssを読み込むapplication.scssで
@import "./vaiiables.scss"の記述を上の方に置くと読み込まれました。

プログラミングは上から順番に読み込まれていくもの。（今ままで、一番下に記述を描きてしまっていました）
単純なことですが、つまづきました。。。。。