在Magento 1.9中从sass到css

0mkxixxg  于 2023-02-19  发布在  其他
关注(0)|答案(2)|浏览(183)

我正在使用Magento 1.9,我试图编辑背景色的megamenu。
我一直导航到.scss文件,但在颜色十六进制的位置发现了一个$menu-background。

.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“../包含”;
所以我搜索了那个文件,发现:
@导入“变量”;
在我找到最后一个文件中:

// 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编辑如下:(蓝色代替黑色)
$重音颜色-2:编号00427 A;
但是现在无论我怎么刷新页面,按下CTRL + F5,从magento -〉系统缓存管理中该高速缓存。我看不到颜色变成蓝色。我搜索了很多,但没有找到解决方案。
然后我意识到我编辑的文件是scss文件而不是css(我对scss文件的了解非常少)。
现在最大的问题是把编辑过的scss文件转换成css文件,我试过了:- 童子军-考拉-npm sass
并且在所有情况下@import都失败并且css混乱。
有没有一个按钮可以很容易地在magento中将sass编译成css,或者有没有另一种方法可以在css找到一个@import时不会弄乱它?

guykilcj

guykilcj1#

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

相关问题