Не могу использовать переменные в scss ⇐ CSS

[Anonymous]

Я создал файл с именем colors.scss, а позже я создал еще один файл с именем header.scss. Однако переменные, которые я использовал в header.scss, изначально были определены в colors.scss, их невозможно было реализовать.

У меня есть файл с именем colors.scss, содержащий:

$first: белый; $секунда: #090c31; $третий: #5853ff; $темный: RGB(44, 44, 44); $text1: "Робото"; $text2: курсив; А затем я создал еще один файл с именем header.scss:

@import "colors"; навигация { ширина: 100%; отступ: 1рем; дисплей: гибкий; оправдание-содержание: пространство между; выровнять-элементы: по центру; положение: липкое; цвет фона: $first; верх: 0%; z-индекс: 10; > h1 { преобразование текста: верхний регистр; } > основной { ширина: 70%; дисплей: гибкий; justify-content: flex-end; > а { цвет: $темный; маржа: 1рем; &:hover { color: $ Third; } } } } Но переменные, которые я использовал в header.scss, не реализуются.