标签[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函数(请考虑互补色,第三色,单色等)输出配色方案。 这是我的代码产生错误 bac
-4
5回复
39

CSS麻烦添加边框

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

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

我的Angular应用只是以index.html开头: 我希望通过以下样式在<body>和<body class="dark-mode">之间切换来在暗/亮之间切换
0
0回复
06

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

根据官方文档, react-script @ 2 +不需要npm run eject来进行sass设置。 我按照说明使用.scss文件,并在我的react src目录中正常工作。 但是当我想从
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
1
0回复
11

Webpack和Laravel Mix 3的Sass Loader问题

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

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

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

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

我想创建一个获取CSS变量,然后在函数中返回新创建的SCSS变量的函数; 我这样做的原因是SASS函数不接受CSS变量。 像变暗变亮... 例如 这是无礼 结果应该是(
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已被弃用 。 据我了解,
0
0回复
10

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

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

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

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

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

我正在尝试在https://www.sassmeister.com/上处理以下Sass,但出现错误: (xs:0,sm:576px,md:768px,lg:992px,xl:1200px
-1
0回复
11

创建CSS Bulma按钮

尝试重新创建危险游戏板。 我已经附加了bulmawatch样式表,bulma.min和我自己的css表,这是在试图使按钮排列并工作。 我尝试使用flex-direction并使用了flexbo
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 下一页