Использование sass map (scss map-get) в другом импорте scss

У меня есть index.scss, который я импортирую login.scss, мой вопрос: как получить цвет из index.scss?

index.scss

@import "./style/login";

    $colors: (
        primary : #005DFF,
        accent : #FFF6BB
    );

вот что я сделал, но получаю сообщение об ошибке: «Файл для импорта не найден или не читается: ./style/login.»

login.scss

.bg { 
background-color: map-get($colors, primary );
}

заранее спасибо

0
0
553
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Эта ошибка означает, что файл находится не по пути, на который вы указываете. index.scss находится в том же каталоге, что и login.scss? Если путь к файлу правильный, это может быть проблемой в процессе сборки. Если можете, добавьте снимок экрана с папкой, в которой находятся эти файлы, чтобы мы могли увидеть, правильный ли путь.

После того, как вы все отсортировали, вам нужно отредактировать этот sass, чтобы он работал правильно. В index.scss вам необходимо объявить свою карту $colorsвыше своим @import login. В противном случае, когда login импортируется, он не знает, каким должен быть $colors.

он работает так же, как вы сказали, мне нужно объявить $ colors над импортом, спасибо

Zachary Lordford 10.08.2018 17:56

Другие вопросы по теме