vs студийный код автоматизации c переменная компилятора sass не работает

Question

@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800&display=swap');

$main-font: 'Roboto', sans-serif;
$second-font: 'Open Sans', sans-serif;

$main-color: #0083F5; //blauw
$second-color: #FF7800; //oranje

$white: #ffffff;
$black: #000000;

 &.menu{

  font-family: $main-font;
  float: left;
  box-sizing: border-box;
  text-transform: uppercase;
  font-weight: bold;
  margin-left: 20px;

my @mixins не работает и мои переменные с цветами или шрифтами. Я не понимаю, почему они не работают.