sass 相关问题

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

使用@use时SASS未定义变量

我正在使用一些复制的 SASS 代码来启动一个项目。它是用@import for Ruby SASS 编写的,我已将其更改为@use for Dart SASS。 样式.scss // 根据 @use 'css/var' as *; @使用'css/base'作为...

回答 1 投票 0

Rollup 插件可以正确处理 React 中使用的 SCSS 导出

我正在寻找一种在我正在使用汇总构建的项目中使用 SCSS 导出的方法。 目前,这在 React 中是这样工作的: //颜色.scss $黑色:#000000; :出口 { 黑色:$黑色; } //组合...

回答 1 投票 0

vitejs 将所有 .scss 文件视为 css 模块

我正在 monorepo 中使用旧包,并将其包含在 optimizationDeps 数组中 - 是否可以告诉 Vite 将其视为 CSS 模块文件的所有 .scss 文件? 最初是在...

回答 2 投票 0

避免全局导入 SASS 文件 Reactjs

在包含主页组件的 Home.tsx 文件中,我导入一个 SASS 文件,如下所示: 从“../styles/Home.module.sass”导入样式 主页.module.sass #容器 宽度:100%

回答 1 投票 0

渐变具有过时的方向语法。新语法类似于“closest-side at 0 0”,而不是“0 0,closest-side”

我不知道需要更改什么才能消除此错误: 渐变具有过时的方向语法。新语法就像 最接近的边位于 0 0,而不是 0 0,最近的边。 这里有一些

回答 2 投票 0

我的更改没有出现在我的实时服务器项目上

我有一个项目,在 VS Code 上使用 Html 和 sass,我使用实时 sass 编译器和实时服务器,但 css 文件不起作用。它们都已链接,我证明了实时 sass 编译...

回答 1 投票 0

如何将 Pico CSS 添加到 Angular 中的全局 scss 样式表?

我刚刚创建了一个新的 Angular 17 项目,使用 SCSS 作为样式表格式,我想在我的项目中使用 Pico CSS。 Pico CSS 文档告诉我这样做: 首先,安装 Pico CSS。 npm

回答 1 投票 0

Angular:模块解析失败:意外的标记(1:0)导入 scss 变量

在我们的项目中,我们有一个调色板,用于在项目中导入样式。它在 Angular 13 中可以工作,但是到 Angular 14 后就不再工作了。以下是有关它的详细信息。 错误:...

回答 1 投票 0

SASS 在 8 位数字上使用 Rails 语法无效十六进制颜色?

我尝试将原生 RGBA 语法 (#0abf3055) 与 SASS 一起使用(在 Rails 6 应用程序项目中): 背景图像:线性渐变(向右,#0abf3055,#22242F 30%) 但我得到了: “”后的 CSS 无效:

回答 1 投票 0

如何在第 2-3 个网络中使用悬停

我有这样的架构: 。关于 { 显示:柔性; &__卡片 { 过渡:全部 0.5 秒; &--img { 过滤器:灰度(1); } &:悬停{ 弹性增长:2; &--img { 过滤器:灰度(0); } } } } 该...

回答 1 投票 0

Angular 6 组件,将 css 应用到使用主机绑定应用的类?

我通常在我的应用程序中使用全局 SCSS 文件,但今天我想让一些 SCSS 仅限于我的组件。 我已经通过@HostBinding(class.card)在组件上设置了一个类。 我可以设计我的风格...

回答 2 投票 0

停止内容可编辑div水平增长

我有一个可编辑的div,当文本达到最大宽度时,它不应该水平增长,而是垂直增长。下面是我的代码和一张显示 Chrome 上行为的 gif,因为我...

回答 1 投票 0

Overflow-x:滚动切断 div 的开头

这可能是一个简单的修复,但我在任何地方都找不到它 - 也许我使用了错误的术语,所以如果我重复已经提出的问题,我深表歉意。 我已经创建了

回答 3 投票 0

Overflow-x:滚动切断 div 的开头

这可能是一个简单的修复,但我在任何地方都找不到它 - 也许我使用了错误的术语,所以如果我重复已经提出的问题,我深表歉意。 我已经创建了

回答 3 投票 0

如何使用 SASS 变量覆盖 Bootstrap 5 Navbar 字体系列?

我正在 webpack 处理的 sass 项目中使用 Bootstrap 5,我想使用 SASS 变量自定义导航栏的字体系列。我尝试了各种方法,但似乎无法理解

回答 1 投票 0

不可见的绝对或相对位置导致网格组件在Next js中相互重叠

我遇到这个问题已经超过 48 小时了,我尝试注释掉所有内容,只留下受影响的组件,甚至尝试更改整个组件进行测试,但我得到了相同的结果。

回答 1 投票 0

grid css 2 列和第二列 2 行

我是网格CSS新手,我想实现这样的目标 我坚持第一列,无法修复第二列的正确顺序 这就是我所做的 .image-wrapper { 显示...

回答 1 投票 0

图片溢出了

我正在尝试设计一个电影观看列表,但在维护设计时遇到问题。我正在使用 tmbd api 来获取电影数据。现在我希望每个部分看起来都像第一个(晕)。但在其他方面...

回答 1 投票 0

Angular 中的 TailwindCSS:@tailwind 与 @import

我在一个项目中使用 Angular 13.1(带 SASS)+ TailwindCss 3.0.7,发现了一个奇怪的行为。 在我的 styles.scss 中,我使用 @tailwind 指令导入了 Tailwind 样式,如...

回答 2 投票 0

如何正确导入样式

我使用vanilla javascript + Vite,为什么样式不起作用? 此时我导入了徽标组件的样式,这是常见的 style.css @import url("./CORE/Logo/style.scss"); *, 身体, html...

回答 1 投票 0

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