SCSS和Sass有什么区别？

[英]What's the difference between SCSS and Sass?

从我一直在阅读的内容来看，Sass 是一种通过变量和数学支持使 CSS 更强大的语言。 与 SCSS 有什么区别？ 它应该是同一种语言吗？ 相似的？ 不同的？ ...

CSS calc() 函数中的 Sass 变量

[英]Sass Variable in CSS calc() function

我正在尝试在 Sass 样式表中使用calc()函数，但是我遇到了一些问题。 这是我的代码： 如果我使用文字50px而不是我的body_padding变量，我就会得到我想要的。 但是，当我切换到变量时，这是输出： 我怎样才能让 Sass 认识到它需要替换calc函数中的变量？ ...

如何修复 Node.js 中的“ReferenceError：primordials is not defined”

[英]How to fix "ReferenceError: primordials is not defined" in Node.js

我已经通过“npm install”安装了 Node.js 模块，然后我尝试在命令提示符下执行gulp sass-watch 。 之后，我得到了以下回复。[18:18:32] Requiring external module babel-register fs.js:27 const { Mat ...

错误：'node-sass' 版本 5.0.0 与 ^4.0.0 不兼容

[英]Error: 'node-sass' version 5.0.0 is incompatible with ^4.0.0

我创建了一个空白的 React 项目，使用命令：npx npx create-react-app on npm v7.0.7 and Node.js v15.0.1 安装： 反应 v17.0.1， 节点 sass v5.0.0， 然后我尝试将一个 blank.scss 文件导入 App 组件： 文件 ...

在 SCSS 文件中导入常规 CSS 文件？

[英]Import regular CSS file in SCSS file?

有没有办法用 Sass 的@import命令导入一个普通的 CSS 文件？ 虽然我没有使用 sass 的所有 SCSS 语法，但我仍然喜欢它的组合/压缩功能，并且希望能够在不将所有文件重命名为 *.scss 的情况下使用它 ...

Sass .scss：嵌套和多个类？

[英]Sass .scss: Nesting and multiple classes?

我正在为我当前的项目使用 Sass (.scss)。 以下示例： HTML SCSS .container { background:red; color:white; .hello { padding-left:50px; } } ...

在 SCSS 中包含另一个类

[英]Including another class in SCSS

我的 SCSS 文件中有这个： .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inhe ...

将 fonts 与 Rails 资产管道一起使用

[英]Using fonts with Rails asset pipeline

我在我的 Scss 文件中配置了一些 fonts，如下所示： 实际的字体文件存储在 /app/assets/fonts/ 我已将config.assets.paths << Rails.root.join("app", "assets", "fonts")添加到我的 applicatio ...

Angular CLI SASS 选项

[英]Angular CLI SASS options

我是 Angular 的新手，我来自 Ember 社区。 尝试使用基于 Ember-CLI 的新 Angular-CLI。 我需要知道在新的 Angular 项目中处理 SASS 的最佳方式。 我尝试使用ember-cli-sass库来查看它是否可以发挥作用，因为 Angular-CLI 的许多核 ...

SASS - 跨多个文件使用变量

[英]SASS - use variables across multiple files

我想保留一个 central.scss 文件来存储项目的所有 SASS 变量定义。 由于其性质，该项目将有大量的 CSS 文件。 在一个位置声明所有项目范围的样式变量很重要。 有没有办法在 SCSS 中做到这一点？ ...

sass --watch 自动缩小？

[英]sass --watch with automatic minify?

有没有办法运行： sass --watch a.scss:a.css 但是a.css最终会被缩小吗？ 我如何避免在编译样式表时运行单独的缩小步骤？ ...

Sass - 将 Hex 转换为 RGBa 以获得背景不透明度

[英]Sass - Converting Hex to RGBa for background opacity

我有以下 Sass mixin，它是对RGBa 示例的半完整修改： @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ backgroun ...

尝试在节点0.12上重新安装`node-sass`吗？

[英]Try reinstalling `node-sass` on node 0.12?

我想使用Google Web Starter Kit。 我安装的node.js v0.12.0， node-sass ＆ gulp 。 然后运行： 当我输入gulp serve出现此错误： 我重新安装了node和gulp，但这没有帮助。 接下来我该怎么办？ ...

是否可以使用@import 在 sass 中导入整个目录？

[英]Is it possible to import a whole directory in sass using @import?

我正在使用 SASS 部分模块化我的样式表，如下所示： @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_con ...

为什么在scss/css文件名前要加“_”或“_”？

[英]Why put in front of the file name "_" or "_" in scss/css?

为什么要在 scss 文件名前面加上_ ？ _filename.scss - 为什么需要_ ？ ...

浏览器列表：caniuse-lite 已过时。 请运行下一个命令`npm update caniuse-lite browserslist`

[英]Browserslist: caniuse-lite is outdated. Please run next command `npm update caniuse-lite browserslist`

最近，当我编译 scss 文件时出现错误。 错误消息说： 浏览器列表：caniuse-lite 已过时。 请运行下一个命令npm update caniuse-lite browserslist 首先，如消息所述，我运行了npm update caniuse-lite browserslist但它 ...

节点 Sass 尚不支持您当前的环境：Linux 64-bit with false

[英]Node Sass does not yet support your current environment: Linux 64-bit with false

使用 node-sass 在 Arch Linux 上获取此错误。 我将它与gulp-sass一起使用。 版本 节点 即使使用这个命令npm rebuild node-sass也没有改变任何东西。 ...

无法导入 CSS/SCSS 模块。 TypeScript 说“找不到模块”

[英]Can't import CSS/SCSS modules. TypeScript says "Cannot Find Module"

我正在尝试从 CSS 模块导入主题，但 TypeScript 给我一个“找不到模块”错误，并且主题未在运行时应用。 我认为我的 Webpack 配置有问题，但我不确定问题出在哪里。 我正在使用以下工具： 这是我的webpack.config.js 和我尝试导入的App.tsx ： 启用类型安全样式 ...

使用可选参数制作Sass mixin

[英]Making a Sass mixin with optional arguments

我正在写一个这样的mixin： @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-sha ...

从 css 到 scss 的 Angular-cli

[英]Angular-cli from css to scss

我已阅读文档，其中说如果我想使用scss ，我必须运行以下命令： 但是当我这样做并制作该文件时，我仍然在控制台中收到此错误： ...