标签[sass]

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

1
1回复
09

sass —如何将双亲转换为id选择器

我有这个: 所以我需要这样的输出: 但是会编译为以下错误: 所以我需要将.a.btn转换为a btn 。 因此,我试图像这样使用str slice : 但这产生了:
0
0回复
02

SASS Maps:可以将内容导出为CSS属性吗?

我试图找到一种最有效的方法来从一个函数输出多个颜色值。 该函数 最终将采用基本颜色 并使用sass函数 请考虑互补色,第三色,单色等 输出配色方案。 这是我的代码产生错误 background col
-4
5回复
39

CSS麻烦添加边框

我正在尝试在此代码的文本框中添加黑色边框 我已经在互联网上搜索并尝试了多种方法,但是我对仍在学习的这些东西并不满意。
1
2回复
26

通过标题组件中的按钮切换类,这会通过Angular 6+影响主应用程序组件

我的Angular应用只是以index.html开头: 我希望通过以下样式在 lt body gt 和 lt body class dark mode gt 之间切换来在暗 亮之间切换: 接下来是ap
0
0回复
06

React 2+ node-sass在/ src目录下可以正常工作,但是无法从node_modules导入

根据官方文档, react script 不需要npm run eject来进行sass设置。 我按照说明使用.scss文件,并在我的react src目录中正常工作。 但是当我想从node modu
1
0回复
25

覆盖p下拉CSS

嗨,我有一个要求,我必须在p dropdowm的下拉选项中进行下拉。 我能够覆盖css并使它们向上拖放,但是当我单击下拉菜单时,它最初会将选项向下拖放,然后应用我的样式并将其向上拖动。 我希望它在单击
0
0回复
14

Webpack无法编译sass-模块解析失败:意外字符'@'(1:0)

我第一次尝试使用webpack,但我想使用SASS而不是CSS,但是我无法解决sass loader的问题。 我的webpack.common.js: const path require path
1
0回复
11

Webpack和Laravel Mix 3的Sass Loader问题

我有一个正在使用Laravel Mix版本 的项目 由于Webpack 的已知动态导入问题,我无法升级 。 在我的webpack配置中,我有以下规则: 该规则的目的是将 static url变量注入所
2
1回复
26

如何更改Angular Material的mat-slide-toggle属性?

如何增加切换拇指图标的长度,是否可以将切换拇指图标自定义到栏的末端
0
0回复
17

如何使SCSS函数接收CSS变量并将其转换为SCSS变量然后返回

我想创建一个获取CSS变量,然后在函数中返回新创建的SCSS变量的函数 我这样做的原因是SASS函数不接受CSS变量。 像变暗变亮... 例如 这是无礼 结果应该是 来自函数 : color prim
1
0回复
06

gatsby插件sass @debug日志在终端中不可读

我在我的项目中使用 gatsby plugin sass 基本上是node sass 。 它工作正常,但是当我使用sass debug 指令时,我在终端窗口中看到了调试日志的刷新,然后消失了,甚至无法
0
1回复
35

为什么突然出现错误“找不到gulpfile”? 前几天在工作

我正在使用Mac,并将gulp与node.js一起使用。 几天前,当我键入 gulp sass gulp sass:watch 时,一切正常 编译为CSS ,但是今天突然,当我键入相同的命令时,出现了
0
1回复
25

反应-生产中的webpack sass / scss模块

我在自己的开发环境中使用了scss模块,但是当我将其部署到生产环境时,我的样式未编译 应用。 如何配置webpack,以使开发环境和生产环境保持一致 我知道webpack文件非常混乱,但是如果有人指出
0
0回复
13

Next.js-使用Dart SASS

目前,我正在使用 zeit next sass和node sass ,似乎工作正常,除非尝试使用 use 。 我想使用 use而不是 import因为 import已被弃用 。 据我了解,要将dart
0
0回复
10

如何将CSS类应用于AngularDart中的另一个组件?

假设有一个显示弹出窗口的简单框架: 然后可以这样使用: 有没有一种方法可以将样式从 lt some other component gt 转发到 lt happy popup gt 而无需使用::ng
0
2回复
11

无法让Sass为网站项目工作。 使用npm run sass脚本崩溃

我正在尝试使用Node sass在Visual Studio中创建网站。 我遵循指南,其中说Sass用于自动创建.CSS文件。 SASS用作将.scss文件编译为.css文件的方法。 但是,在安装np
0
2回复
42

Sassmeister中的有效CSS值(xs:0,sm:576px,md:768px,lg:992px,xl:1200px)为什么不是有效的?

我正在尝试在https: www.sassmeister.com 上处理以下Sass,但出现错误: xs: ,sm: px,md: px,lg: px,xl: px 不是有效的CSS值。 知道这里有什
-1
0回复
11

创建CSS Bulma按钮

尝试重新创建危险游戏板。 我已经附加了bulmawatch样式表,bulma.min和我自己的css表,这是在试图使按钮排列并工作。 我尝试使用flex direction并使用了flexbox指南,
0
0回复
08

Bootstrap 4根据容器宽度更新网格断点

当前,将根据屏幕大小来命中网格断点。 我们的网站有一个左侧和右侧边栏,如果两个都打开,则媒体查询将使用col lg,我们的应用程序期望使用col md,因为容器远小于实际的屏幕宽度。 侧栏可以独立切换
0
0回复
12

如何找到正确的线条以获得输入样式?

我应该在.scss文件中的哪个位置放置输入 type caption 和详细信息 以触发效果: example.html example.scss

1 2 3 4 5 6 7 8 9 10 下一页