sass 相关问题

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

如何更改重叠元素后面的文本颜色？

我的 React 组件中有白色文本，我希望该文本中延伸到背景上另一个元素后面的部分是橙色的。我尝试使用 mix-blend-mode: Difference;在 CSS 中，b...

css sass

回答 1 投票 0

警告：在 calc() 之外使用 / 进行除法已被弃用，并将在 Dart Sass 2.0.0 中删除

在我更新了 Angular 应用程序并更新了 Sass 编译器后，我开始收到此错误 $val: 100px; .some-选择器{ 填充：$val/2； } 警告：使用 / 来除...

sass sass-loader

回答 2 投票 0

找不到要导入的样式表。角 17

我正在尝试在 styles.scss 文件中导入角度材质主题，但是当我运行 ngserve 时，它会抛出“找不到要导入的样式表”。错误。以下是我的导入 @导入'@角度/

angular sass angular-material

回答 1 投票 0

在 Angular 库中使用和导出 scss

我一直在将共享代码块移动到一个库中，我们可以将其引入到其他项目中，其中一部分包括一些核心样式。我最终让图书馆本身开始工作（抱怨...

angular npm sass tsconfig angular-library

回答 2 投票 0

React（模块化CSS）中可以删除css类前缀吗

我正在使用 React 和 NextJS，我注意到在使用模块化 scss 文件时，它会使用文件名自动为我的类名添加前缀？有办法禁用这个吗？因为它使 DOM 变得相当

javascript css reactjs next.js sass

回答 1 投票 0

Node Sass 版本 9.0.0 与 ^4.0.0 不兼容

我的应用程序中没有安装node-sass或sass包。但我一直收到这个错误 ./src/scss/styles.scss 中的错误（./node_modules/@angular-devkit/build-angular/src/angular-cli-files/plu...

javascript node.js angular webpack sass

回答 1 投票 0

带有动态变量的 SCSS 主题

大家好！我目前正在开发 CSS 框架的主题功能，并遇到了一些问题，希望您能够帮助解决。我创建了一个名为 $themes 的 SASS 地图，...

html css sass themes scss-mixins

回答 2 投票 0

如何在 Laravel 中添加外部 scss 文件？

我从Colorlib购买了一个主题，Bootstrap Sidebar V02，包含SCSS文件。将这个外部 SCSS 文件添加到 Laravel 项目的相关方法是什么？ mix.sass('资源/sass/样式。

laravel sass

回答 1 投票 0

如何在 SCSS 中使用 HTML 数据属性？

我正在寻找一种简单的方法来在我的网站上实现暗/亮模式，并且现在已经确定了这种方法：在包含当前主题的正文上设置数据属性我正在寻找一种简单的方法来在我的网站上实现暗/亮模式，并且现在已经选择了这种方法：在包含当前主题的主体上设置数据属性 <body name="body" theme="dark"> 用于在主题之间切换的 JavaScript 函数： let themeToggle = document.getElementById("theme-toggle") let body = document.getElementsByName("body").item(0) let currentTheme = body.getAttribute("theme") function toggleTheme() { currentTheme = (currentTheme == "dark") ? "light" : "dark" body.setAttribute("theme", currentTheme) } 使用当前方法，我目前将 CSS 拆分为多个 CSS/SCSS 文件，一个布局文件 (syle.scss)、一个 dark.scss、一个 light.scss 和一个 _colors.scss。但是，这样我最终得到了两个非常相似的 SCSS 文件，如下所示： dark.scss: @use 'colors' as c; body[theme="dark"] { background-color: "c.dark-background"; #theme-toggle { border-color: c.$light-background; } div { background-color: c.$dark-accent; } } light.scss: @use 'colors' as c; body[theme="light"] { background-color: c.$light-background; #theme-toggle { border-color: c.$dark-background; } div { background-color: c.$light-accent; } } 现在我想知道是否有可能做这样的事情： body { $activeTheme: attr(theme); @if $activeTheme == "dark" { $inactiveTheme: "light"; } @else { $inactiveTheme: "dark"; } background-color: c.{$activeTheme}-background; #theme-toggle { border-color: c.{$inactiveTheme}-background; } div { background-color: c.{$activeTheme}-accent; } } 我尝试过使用插值，但我无法完全让它发挥作用。提前致谢不可能以这种方式使用Sass。 Sass 在发送到客户端之前会被编译为 CSS，因此当它与 HTML 和 JS 一起出现在用户浏览器中时，Sass 变量不再存在，并且任何插值都已经发生。考虑根据主题模式交换样式表，或使用常规 CSS 变量。

html sass

回答 1 投票 0

当您单击菜单项时平滑更改标题的高度

我想做效果折叠或类似的但是当我点击菜单项高度时变化如此之快，没有动画我的代码有什么问题吗？参考效果如标题https://x.rarible....

javascript css vue.js sass vuejs3

回答 1 投票 0

请解释一下这个CSS

.main-footer { 背景颜色：$main-footer-bg；填充：$main-footer-padding； .text-sm &, &.text-sm { 填充：$main-footer-padding-sm； } } 我不明白这个 CSS 语法。我...

css sass

回答 1 投票 0

SASS-Loader 中的分号错误：“Angular 应用程序中的缩进语法中不允许使用分号

我的 Angular 项目面临一个问题，其中 SASS 文件在使用 SASS-Loader 编译期间生成错误。错误消息具体指出：模块构建失败（来自 ./node_m...