Проблема с подключением media.scss | SCSS

Question

Не работает код из _media.scss.

_media.scss:

@media (max-width: 1230px) {
    .nav-link {
        display: none;
    }

    .button-nav {
        display: block;
    }
}

main.scss:

@import './base/media';

Структура проекта:

Если подключить через .css, то всё работает. А через .scss не хочет.

Answer 1

Я полностью повторил вашу структуру и у меня всё работает. Вот главный файл. Вот тот который вы пытаетесь подключить.

Вы либо некорректно подключаете генерируемый css файл. (Надо убедиться что туда падают обновления от Watcher-а, не знаю как оно там у Вас генериться...gulp``webpack? ) либо то, что у Вас отвечает, за генерацию из SCSS у вас криво подключено.

Использую PhpStorm в качестве редактора, там всё из коробки запускаеться, но если пути слетели, то вот для PhpStorm, после того как Нода установлена.

npm install -g sass

Answer 2

да, стили туда попадают, но не работают

Стоп. Раз стили попадают в скомпилированный файл, значит всё настроено верно и ничего делать не надо. А дальше куда-то сюда, ну или сразу за media и подробнее.

БЛОГ НА HUSL

Проблема с подключением media.scss | SCSS

Ответы (2 шт):