sass 相关问题

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

使用全局 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

如何根据父级忽略子级上特定的 CSS 行?

假设我有以下父类:.TestPageA、.TestPageB、.TestPageC。 我的问题是,如何忽略填充 padding: 50px 0 44px 0;在 .TestPageB 类的 subComponent 下...

回答 1 投票 0

将多个 SCSS/SASS 文件合并为一个 CSS 文件?

是否可以让sass监听一个有很多sass文件的目录并生成一个CSS文件?我找到了一种方法,将许多 sass 文件包含到一个文件中(style.scss): @import“scss/标题”; @imp...

回答 5 投票 0

如何将十六进制值转换为 RGBA,同时匹配原始颜色

给定颜色和 alpha 值,我尝试创建一个 SCSS 函数,将十六进制颜色转换为 rgba 颜色,但补偿感知的颜色变化。 IE。如果新颜色是“fla...

回答 1 投票 0

“wp-scripts”不被识别为内部或外部命令、可操作程序或批处理文件

我收到错误“wp-scripts”未被识别为内部或外部命令, 可运行的程序或批处理文件。 PS D:\Local\wpreactsite pp\public\wp-content hemes rads-boilerplate-theme> 哈...

回答 1 投票 0

Tailwind 多步表单进度、绝对位置和弹性布局

我正在尝试在顺风中构建这个组件。 事实证明,用我最好的尝试来复制是很困难的,在这里,你会的,因为屏幕尺寸下降使中间 4 个圆圈保持等距......

回答 1 投票 0

无法解析全局变量中定义的图像路径

我有一个集中变量文件 src ssets\sas

回答 0 投票 0

如何从React组件中的SCSS模块动态定义className?

我定义了按钮 React 组件,如下所示: 从 './styles.module.scss' 导入样式; 从 './button.types' 导入 { IButton }; const Button = (道具: IButton) => { const { 变体,...

回答 2 投票 0

如何满足 stylelint“上下文”检查,而不导致 gulp 错误?

我的代码: @media(最小宽度:965px){ #我的班级{ 调整内容:弹性结束; } } 导致 stylelint 抛出此错误: ✖ 预期的“上下文”媒体功能 media-f...

回答 1 投票 0

根据类的媒体查询应用不同CSS类的样式

我创建了一个 css 文件,其中专门有文本样式。例子 .h1_24 { 字体粗细:700; 字体大小:24px; 行高:140%; } .h5_18 { 字体粗细:500; 字体大小:18px;...

回答 1 投票 0

如何将feather-icons编译成css文件?

我买了一个 html/css 主题,它使用这个包: https://github.com/feathericons/feather 当我运行 npm install Feather-icons --save-dev 时,我将其安装在 node_modules 下: 里面的图标/...

回答 2 投票 0

你可以导入一个css文件并使用sass来迭代每个规则并附加!重要吗?

你能拿一个文件并用 sass 稍微更新一下每个 css 规则吗?例如。 样式.scss 。大胆的 { 字体粗细:600 } .大胆{ 字体粗细:800 } // ... 样式重要.scss // 我在这里...

回答 1 投票 0

如何覆盖 Bootstrap 变量 --bs-heading-color

在wordpress中使用名为BScore的Bootstrap主题和由scss编译的css我有一个名为的文件: _bscore_variables.scss 允许我覆盖引导主题变量。 例如,我认为...

回答 2 投票 0

如何添加新的边框半径定义?

舍入类是根据以下 SASS 变量生成的(我认为) $四舍五入:( 0:0, 'sm': $border-radius-root / 2, null: $border-radius-root, 'lg': $border-radius-root * 2, 'x...

回答 1 投票 0

Angular 18 自定义主题问题

我正在尝试将一些代码从我的 Angular 16 项目迁移到现在的 Angular 18 更新版本 以下是已实现的内容,我不断收到编译错误 @使用'@角度/

回答 1 投票 0

使用现代sass编译器时如何替换vite配置中的includePaths

我正在将项目迁移到新的sass编译器,但似乎vite没有传递includePaths { CSS:{ 预处理器选项:{ scss: { api: '现代编译器',

回答 1 投票 0

使用 SASS 将列表作为单个参数传递给 mixin

我喜欢用 SASS 制作 mixin,它可以帮助我实现良好的跨浏览器兼容性。我想制作一个如下所示的 mixin: @mixin box-shadow($value) { 盒子阴影:$值; -webkit-box-

回答 7 投票 0

最新问题
© www.soinside.com 2019 - 2025. All rights reserved.