cost 37 ms
从 JavaScript 访问 mixin 元素

我有@mixin in.scss 文件:@mixin def { background-color: var(--bs-gray-dark); color: white; } 我想从 JavaScript 访问该 mixin 中的元素,因此我没有手动更改使用此 mixin 的所有内 ...

2022-08-04 15:15:39 0 8
用于处理网格布局的 mixin

我创建了一个 sass @mixin来处理网格布局。 但是我遇到了几个问题: 如果只需要行,我想删除grid-template-columns属性,反之亦然。 此外,如果只需要row-gap ,则不应涉及列column-gap和gap ,并且对于column-gap和gap也是如此(或者您可以说反 ...

2022-08-03 10:15:16 1 19
Bootstrap 5 改主 colors

使用 Bootstrap 5 我试图将成功颜色更改为 $green-400。 所以 class="btn btn-success" 应该使用新的成功颜色。 如果我这样做: 它不会改变颜色。 这是为什么? 如果我这样做: 确实如此,但我必须包括所有 colors 否则它们都消失了。 ...

2022-07-30 10:48:13 0 16
如何设置多级列表的直接子级?

我有一个如下所示的多级 ul 列表。 可能会插入更多级别。 所以我希望每个 ul > li > a 都有一个 padding-left+10 它的父标签。 ...

2022-07-28 04:55:53 1 28
如何在 SCSS 中使用带有字符串值的 math.sqrt

我使用 SCSS 并有 2 个功能: 现在我像这样使用它: 现在我需要 function get-container-size来处理字符串值。 我的意思是我想用'40px' 、 '40rem'等来称呼它,而不是用40 我怎样才能做到这一点? ...

2022-07-25 09:50:18 1 14
Angular 材质 - 定义自定义排版级别

对于我的项目,Angular 材质排版有 13 个排版级别(显示 4、显示 3、显示 2、显示 1、标题等),我需要添加更多级别。 我试过按照这个例子,但我不能让它工作。 我的代码如下(我使用的是角度和材料的版本 12): _typography.scss _card-theme.scss ...

2022-07-21 13:32:05 0 9
最小的 SCSS 媒体查询不适用

所以我只是在我的 webpack 项目中测试了一些针对 scss 的媒体查询。 我刚刚在正文中有一个简单的 div,并且希望背景根据屏幕的宽度而变化。 我的两个最小的媒体查询,small 和 xsmall,只是不适用,我不知道为什么。 不管我把屏幕做多窄,900px以下的背景都是绿色的 ...

2022-07-20 10:56:40 1 16
带有焦点的scss mixin:带有焦点的mixin不起作用

更新:这里是完整的代码: codepen 我有以下 HTML:这是完整的代码 在标签之前我想插入一个图标,所以我有下面的 CSS 文件。 我的自定义图标mixin如下: 现在,当用户关注标签时,它确实会改变 CSS 的颜色,如下所示: 另外,我想在焦点上将正方形的边框颜色更改为wh ...

2022-07-19 07:32:46 0 30
mixin 并使用 scss 将其附加到伪元素

我在 mixins.scss 文件中创建了以下 mixin。 根据codepen的 cheveron-circle-right 的工作示例 以上mixins我在现有的li:before节点中附加如下 但是当我渲染它时,它只是渲染circle而不渲染circle内的arrow ,这里的基本目的 ...

2022-07-17 09:51:55 1 47
带有内联 CSS 问题的 React 中的 Apple 动画

我尝试使用内联样式在 React with Typescript 中使用 HTML 和 CSS 重新创建此动画。我正在创建一个带有样式信息的对象,并在样式属性中引用它。 代码在下面。 它不起作用,我不确定我做错了什么,我怀疑样式没有正确定义和引用? 这是我尝试重写的原始 Codepen 示例: A ...

2022-07-12 12:29:22 1 84
带参数的 SCSS 继承

我正在使用继承来设置一些样式。 整个上下文都进入了一个mixin。 出于这个原因,我不能用参数定义另一个 mixin。 是否有一些选项可以将参数放置在%ImgSize继承中? 这个例子被大大简化了。 在我的应用程序中,如果可以使用上述选项,我会节省大量代码。 @mixin imageSize($t ...

2022-07-11 09:40:17 1 32
Sass 中的 % 前缀是什么意思?

我在 Bootstrap 5 的核心 scss 文件中找到了以下代码片段: % 前缀是干什么用的? 到目前为止,我只熟悉用于扩展选择器的经典类定义。 ...

2022-07-11 08:54:20 0 8
如何将进度条作为边框附加到 div

在reactjs ,我需要将线性进度条作为底部附加到div 。 我尝试使用正常的线性进度条,并使用flex-end属性将线性进度附加到div的末尾。 下面是我的实现的代码沙箱链接。 代码沙箱链接: codesandbox.io/s/linear-progress-bar-forked-udhxq ...

2022-07-10 13:20:34 1 41
如何在属性的快捷方式上编写数组值颜色 SCSS?

我有一个 SCSS 文件,其中包含一组颜色值。 我想通过使用上述值之一来更改我的边框值。 例如: 我想将那些硬编码的颜色值更改为上述变量的值,如果有人知道如何处理这个问题,我希望能得到您的帮助。 谢谢 ...

2022-07-06 07:50:14 3 38
在 SCSS 中从另一个文件更改一个类

我有一个名为侧边栏的课程。 在侧边栏类中,我有子类,如 logo、li、下拉列表等……我也有一个主题更改 CSS。 下面是橙色主题的 CSS 代码。 上面的函数来自下面提到的元素结构: 在侧边栏类中,所有的样式都将被应用。 我想更改主题更改 CSS 中侧边栏类中的 .card-header ...

2022-07-06 00:59:04 0 25

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM