问题标签 [scss-lint]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
4 回答
725 浏览

css - 嵌套 div 的 z-index

我希望得到这个结果:
https://ibb.co/htJD6J
在我的样式中,我设置了相对父位置;z-index 50。对于孩子,我设置了绝对位置;z-index 25。但结果,我得到了这个。
https://ibb.co/cwhjDy
PS对不起,没有足够的声誉来发布图片。所以,我不明白为什么 z-index 不能正常工作。有人可以帮我吗?

添加代码:父级

孩子

0 投票
1 回答
2022 浏览

sass - Sass 风格的 linter - 如何禁用 Expected !default 标志?

我正在使用引导程序和自定义主题

我必须设置变量

$light: #a0adb8;

没有 !default 标志

短绒警告我

“$light”的预期 !default 标志

我想摆脱它

我的规则是什么

.stylelintrc?

.stylelintrc

0 投票
1 回答
976 浏览

css - &。在 SCSS 中不起作用……为什么不呢?

我正在写一些基本的 SCSS。但是我注意到在课程之前附加 & 仅在某些情况下有效。例如,在 "section" 等元素之前或 ":hover, active" 之前。

但这在“.class”之前对我不起作用。为什么不?

例如,在下面的代码中,.flex-item样式仅适用,如果我删除 &。但是看看 docs/internet,它应该在前面使用 & ,不是吗?

这是 JSX:

我基本上想要一个部分,(因为它有很高的应用)。然后是两个 flex 项目,它们并排放置在一个 flex 容器中......

0 投票
1 回答
101 浏览

json - 如何在声明中为单个规则指定消息

我正在尝试调整我的属性黑名单,stylelint并希望向每个被列入黑名单的属性提供一条消息,就像我在下面对top-property.

如果我现在只想简单地为左侧属性添加自定义消息,那么我该怎么做?以下配置不起作用:

0 投票
1 回答
220 浏览

google-chrome - SCSS。Chrome 中的“#”弃用

我在 index.scss 中使用了类似的东西:

但是 Chrome 对我说:

[Deprecation] Using unescaped '#' characters in a data URI body is deprecated and will be removed in M68, around July 2018. Please use '%23' instead. See https://www.chromestatus.com/features/5656049583390720 for more details.

0 投票
3 回答
7155 浏览

css - 可以在 SCSS 中导入 SASS 文件吗?

样式.scss

@import 'packages/bulma.sass';

布尔玛萨斯

终端

'错误:客户端/包/bulma.sass.scss 不存在!

是否可以导入SASSSCSS文件中?将 bulma 安装到 scss 环境中的最佳方法是什么。

我也试过@import 'packages/bulma'并得到client/packages/bulma.scss doesn\'t exist!.

0 投票
2 回答
3807 浏览

angular - 如何在运行时设置 .scss 变量值?

我在 Ionic 3 中编码,试图开发倒数计时器。我需要在运行时设置 .scss 值。我该怎么做?

.scss 代码

间隔和旋转的值可能是 1、2、3、4 等。我如何在运行时设置它?

0 投票
1 回答
7955 浏览

css - 如何通过scss文件编辑css

实际上,对于最近的一个项目,我下载了一个主题(管理面板)。它主要以.scss文件的形式包含部分css 。我尝试直接从style.css编辑文件, 但似乎没有任何改变。所以我做了一点研究,发现scss文件需要重新编译。我不知道如何编译.scss文件。在他们的 github 页面上,我发现可以借助以下命令对其进行更改

我不知道上面的命令是将scss再次编译成css,但它不起作用所以,请帮助解决这个问题,或者只是提供一个指向教程的链接,我可以从中学习这个

这是我刚刚下载的项目的链接 https://github.com/BootstrapDash/PurpleAdmin-Free-Admin-Template

提前致谢

0 投票
0 回答
205 浏览

css - 如何删除css中的重复属性?

我认为它发生在 git merge 之后,

我的CSS中有很多重复

例如这里:

一些属性在一个类中是不同的“位置:相对||位置:绝对”

怎样才能自动清除??

0 投票
1 回答
193 浏览

html - 加载器未在 Angular 4 webapp 中居中对齐

我想在我的 Angular 4 PWA 中添加一个加载器。https://www.w3schools.com/howto/howto_css_loader.asp这个加载器是可见的,直到页面的所有内容都被加载。

最初 isLoaded 为 true,加载完所有内容后将变为 false。

装载机位置 => 顶部 => 0,右侧 = 50%,左侧 = 50%,底部 = 100%

.scss 文件

这里 -stackblitz 实时代码示例