Почему не подключаются стили?

Question

[Nikita Shchypylov]

Всем привет
Есть такой файл index.scss

@import "colors.css";
@import "font.css";
@import "normalize.css";
@import "_bootstrap.scss";


html {
	font-size: 100%;
}

/*--------------------------------------- Main Styles  (Global styles for elements)------------------------------------*/

.cf:before, .cf:after {
	content: " ";
	display: table
}

.cf:after {
	clear: both
}

.f_left {
	float: left
}

.f_right {
	float: right
}

Есть style.scss :

@import "../scss/index";

html {
	background: $dark-grey;
}

И html с включением style.css :
<link rel="stylesheet" href="style.css">
но почему то не видит стили с colors и другие. В чем проблема?

Answer 1

[Serj-One]

Ты импортируешь css в scss. Соответственно, срабатывает стандартный css импорт, а этих css файлов рядом нет. Код импортируемых файлов при css импорте не включается в компилируемый файл.

Comments

[Дмитрий]

так точно
ему нужно в некоторых случаях заменить @ import
на include

[Сергей delphinpro]

Верно. Sass, к сожалению, по умолчанию не включает импорты css файлов в результирующий файл, и не имеет специальных конструкций для включения (как в less и stylus)

Answer 2

[Алексей Верховцев]

Попробуйте не указывать путь

Comments

[Nikita Shchypylov]

Так файлы же в разных директориях

[Алексей Верховцев]

Какая у Вас иерархия папок?

Answer 3

[Александр Молокович]

А в пути "../scss/index" не нужно указывать расширение файла .scss ?

Answer 4

[aarty20]

Хмм вы не серваке компилите сасс что ли?
Я все делаю через prepros (или koala - она бесплатная) - локально весь сасс компилиться и минифируеться и только потом я заливаю на сервак скомпилиный файл.
Плюсы для вас - вы сразу видите ошибки в коде, компилятор выдаст ошибку если у вас не правильно подключен файл или ошибка в коде.
И кстати компилит он все в фоновом режиме, очень удобно. рекомендую попробовать :)