sass to css в Magento 1.9 - PullRequest
Новая
       18

sass to css в Magento 1.9

0 голосов
/ 28 сентября 2018

Я использую Magento 1.9 и пытаюсь отредактировать цвет фона мегамену.

Я прошел весь путь до файла .scss, но нашел цвет фона меню в месте цветаhex .. 

 .main-menu {
    position: relative;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    background-color: $menu-background;

    &.isStuck {
      z-index: 9990;

      .nav .grid-full > li > a > span{
        margin: 10px 30px;
      }
      .nav .grid-full > .parent > a > span:after{
        top: 80%;
      }
    }
    }

в начале того же самого файла scss было

@ import "../include";

такЯ искал этот файл и нашел:

@ import "var";

в последнем найденном мной файле: 

// Accent Colors
$accent-color-1: #ee372a;
$accent-color-2: #000;
$accent-color-3: #fff;

//Menu
$menu-background: $accent-color-2;
$menu-item-color: #888888;
$menu-item-color-act: #ffffff;
$menu-item-bg-act: #232323;

Я редактировалцвет акцента 2 выглядит следующим образом: (синий вместо черного)

$ accent-color-2: # 00427A;

Однако теперь, сколько бы я ни обновлялнажмите CTRL + F5, очистите кэш от magento -> System Cache Management.Я не вижу, как цвет меняется на синий.Я много искал, но не мог найти решение.

Затем я понял, что отредактированные файлы были файлами scss, а не css (я очень мало знаю о файлах scss).

большая проблема сейчас заключается в преобразовании отредактированных файлов scss в файлы css.Я попытался: -scout -koala -npm sass

, и во всех случаях @import не работает, а css портится.

Есть ли кнопка, чтобы легко скомпилировать sass в css в magentoили другой способ сделать это, что бы не испортить CSS, когда он находит @import?

1 Ответ

0 голосов
/ 28 сентября 2018

Magento 1 не имеет встроенного компилятора scss.Вам придется скомпилировать их вручную или проверить, есть ли в вашей теме какой-либо встроенный модуль для этой задачи.

Вы можете получить компилятор из npm 

npm install -g sass

или получить автономный https://github.com/sass/dart-sass/releases

процесс компиляции прост.просто найдите исходный scss и укажите целевой файл 

sass source/<file>.scss skin/frontend/<theme-name>/default/css/<file>.css
...