sass 相关问题

Sass(Syntactically Awesome Style Sheets)是CSS的扩展,添加了嵌套规则,变量,mixins和类扩展等功能。这使开发人员能够编写结构化,可管理且可重用的CSS。 Sass被编译成标准CSS。

如何在SCSS中使用CSS round(),它也有round?

有人在SCSS中使用我的CSS库,当我使用round()时,它给出了这个错误。 jquery.terminal.css:850:22": 参数 $number of round($number) 必须是一个数字 根据 MDN 轮次在

回答 1 投票 0

Webpack sass-loader 未生成正确的源映射

我有一个包含 sass-loader 的 webpack 配置。当我删除 sass-loader 时,我可以看到正确生成的源映射。但是当我添加 sass-loader 后源映射就被破坏了。 入口: { ...

回答 1 投票 0

此浏览器不支持Webpack5自动publicPath

我正在使用 webpack 4.44.2,当我转换到 webpack5.0.0 时遇到这个错误 ./src/assets/sass/styles.scss 中出现错误 模块构建失败(来自 ./node_modules/mini-css-extract-plugin/dist/loader...

回答 0 投票 0

无法弄清楚为什么@Angular/Material datepicker中缺少某些样式

我们有一个 Web 应用程序,正在从 Angular v16 更新到 v18。 99% 的东西看起来不错并且工作得很好,但我有一个问题我无法弄清楚,那就是日期 p 的样式...

回答 1 投票 0

Sass 1.8 从 @import 迁移破坏了 mixins

我正在尝试迁移我的 scss 代码以适应 1.8。 Migrator 工具没有帮助 错误:未定义的混合。 ╷ 12 │ @include 机器人(700); style.scss(根) @使用“字体”; @use 'mixins...

回答 1 投票 0

找不到模块:错误:无法使用 Webpack 解析“fs”

嗨,我在我的应用程序中使用套接字 io。这需要fs。当我尝试使用下面的 webpack 配置捆绑我的 javascript 时。我收到错误无法解析“fs”。 找不到模块:错误:不能

回答 4 投票 0

需要帮助生成 bootstrap 5 实用程序

我在一家想要创建自己的实用程序类的公司工作,我必须创建设置才能使其工作。 这是相关详细信息的列表 所有这些进口都是公司的...

回答 1 投票 0

如何在Quasar中的q-stepper组件中自定义done-color、active-color和inactive-color?

我正在使用 Quasar 中的 q-stepper 组件,并且想为步骤的每个状态自定义颜色:完成颜色、活动颜色和非活动颜色。 我遇到过这个问题,不是...

回答 1 投票 0

在 SCSS @mixin 中调用 @include 时如何传递关键字参数?

我有一个 SCSS 文件,它定义了一个“子”mixin,它被其他文件中的几个“父”mixin 包含。父和子 mixin 都使用默认的可选关键字参数

回答 1 投票 0

为什么嵌套 SCSS 导入在生产中失败但在开发中有效?

我正在与 React 项目中棘手的 SCSS 导入情况作斗争,这让我失去了理智。 问题 我的 SCSS 导入在开发中完美运行,但是当我为生产构建时,它...

回答 1 投票 0

NextJS 15.0.2 - 编译失败

我将 nextJS 网站升级到 15.0.2 但出现此错误: 创建优化的生产构建... 编译失败。 ./src/app/[语言环境]/path/file.module.scss _0_0.call$1 不是函数 ...

回答 1 投票 0

使用 Dart Sass 时如何解决弃用警告“旧版 JS API 已弃用”?

我在 js 中构建项目时收到以下消息,但 Dart Sass 已经是最新的了。在这种情况下我该怎么办? [@localhost 前端]$ npm run lumis:build .../前端/

回答 1 投票 0

更改 Angular 中切换按钮的颜色

我无法更改 Angular 中切换按钮的颜色。 这是我的代码: 切换 ::ng-deep .custom-toggl...

回答 1 投票 0

如何在多个文件之间共享 SASS 变量而不使用已弃用的 @import 规则?

tl;dr:有没有办法在多个文件之间共享一组全局变量,而无需手动将它们导入到每个文件中,并且无需使用 @import 规则? 我曾经用过 @import 一分钱......

回答 2 投票 0

Angular 17 - 找不到要导入的样式表(Angular 升级后)

我已经找到了与角度材料主题相关的所有内容,但是,事实并非如此。 Angular 16 升级到 Angular 17 后,我无法从特定的 node_module 导入某些样式。 HookWebpackE...

回答 1 投票 0

将成帧器运动与 Preact 一起使用时,属性“className”不存在

任何人都可以解释为什么我不能在framer-motion中使用className或onClick: 从'framer-motion'导入{motion}; 导出函数 App() { 返回应用程序...

回答 1 投票 0

使用全局 styles.scss 来控制每个 Angular 组件的 :host

我注意到我的应用程序中的每个视图都有一个像这样开头的样式文件。 :主持人 { 显示:柔性; 背景颜色:蓝色; } div.foo { 背景颜色:红色; } 这似乎是一个明智的决定...

回答 3 投票 0

在 SCSS 中使用 !default 值和 @use

在使用 @use 时,我在覆盖 SCSS 中的 !default 值时遇到了一些困难。当我使用 @import 而不是 @use 时,它的行为正确,但在使用 @use 时,控制台会给出错误(此模块...

回答 2 投票 0

如何在 Twitter bootstrap sass 中创建列(alpha 4)

我正在尝试使用 Bootstrap 提供的 make-col() Sass mixin。 http://v4-alpha.getbootstrap.com/layout/grid/。我想做的是创建两列。通过编译的类,我能够做到:...

回答 3 投票 0

无限的scss类循环

我有这段代码可以生成 5 个项目类 @for $num 从 1 到 5 { .item-#{$num} { 变换原点:顶部中心; 动画:rotateX 300ms ($num * 60ms) 缓入缓出向前...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.