How do I compile box model addition of browsers(firefox, chrome and safari) to another css file using scss?

huangapple go评论47阅读模式
英文:

How do I compile box model addition of browsers(firefox, chrome and safari) to another css file using scss?

问题

这是我的用于默认 CSS 设置的 SCSS 代码。

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

我已经将这段代码包含在我的 main.scss 文件中,并且文件名都是正确的。

@import "./resets";
@import "./variables";

然而,它似乎没有按照预期出现在我的 main.css 文件中。

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

我正在使用 VS Code 进行这个项目,并尝试保存所有文件,但没有生效。main.css 文件中没有显示边框盒模型设置,适用于浏览器(Firefox、Chrome、Safari)。

英文:

This is my scss code for default settings of css.

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 0;
    padding: 0;
}

I have included in my main.scss file and the file names are correct.

@import "./resets";
@import "./variables";

However, it does not appear on my main.css file as it suppose to.

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

I am using VS code for this project and I tried to save all files but it did not work. The main.css file did not show the box sizing for browsers (firefox, chrome, safari).

答案1

得分: 0

Add _ to the beginning of the file names, for example, _variables.scss.

英文:

Add _ to the beginning of the file names, for example, _variables.scss.

huangapple
  • 本文由 发表于 2023年5月10日 22:54:47
  • 转载请务必保留本文链接:https://go.coder-hub.com/76219896.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定