Sass не видит переменную

239
01 апреля 2018, 18:29

@import: '_fonts.sass' 
@import: '_variables.sass' 
 
* 
	margin: 0 
	padding: 0 
 
.main__wrapper 
	width: 100% 
	display: flex 
	justify-content: center 
 
//header 
 
header 
	margin: 0 2.64% 
	display: flex 
	justify-content: space-between 
	.header__right-info 
		color: white 
		.right-info__light-menu 
			display: block 
			img 
				display: inline-block 
			ul 
				display: inline-block 
				li 
					display: inline-block 
					a 
						text-decoration: none 
						color: $black_color

Вот таким способом подключаю файл с переменными. При компиляции вот такая ошибка:

Файл _variables.sass лежит в той же папке, что и style.sass

Присваивание переменной:

$lato : 'Lato'; 
$pt : 'PT'; 
 
$text_color : rgb( 10, 13, 16 ); 
$text_white_color : #f1f0f0; 
$red_color : #c61b2b; 
$black_color : #0a0d10; 
 
/**/ 
$xs: 0px; 
$sm: 575px; 
$md: 767px; 
$lg: 991px; 
$xl: 1199px; 
 
 
body 
	color:black

Скриншот настроек компилятора:

Что я делаю не так?

Answer 1
@import: '_fonts.sass'
@import: '_variables.sass'

После @import двоеточие не нужно.

READ ALSO
Гибкая геометрическая фигура

Гибкая геометрическая фигура

Ребят нужно реализовать вот такую геометрическую фигуру с тенью , и возможностью увеличения высоты без растяжек и потери качества

196
Как правильно конвертировать шрифт?

Как правильно конвертировать шрифт?

Скачал веб-ширифт с двумя начертаниями Regular и BoldКаждого начертания было всего по три расширения woff2, woff, ttf

236
Вывод текста из спойлера в центр

Вывод текста из спойлера в центр

использую спойлер, как сделать чтобы текст что выдвигается от ссылки, был не внизу где выдвигается под ссылкой, а в центре окна и чтобы при...

230
Внутренние тени slick-slider

Внутренние тени slick-slider

Нужно сделать внутренние тени в slick-slider, как показано на рисунке:

218