Sass：@mixin中的@each循环

文章/答案/技术大牛

发布

1回答

css、sass

很抱歉在这里使用了大量的Sass (笑)。我的上下文是，我得到了原始元素填充的映射，我有该元素的一个变体。变量的大小希望依赖于原始元素的大小，但作为它的倍数，应该能够像mixin变量一样单独调用。这样，只需要更改一个变量来保持原始元素和变量元素的一致性，但您也可以使用乘法器分别修改所有变量元素。variable provided @function quote-btn-paddings($width-multip

浏览 8提问于2021-08-19得票数 0

1回答

如何在sass中使用循环生成多个混频器( multiple )

sass

我想保持我的sass代码简短。而不是 something related to font-size and line-height$typography-list: h1, h2......@mixin tg($font-size,$line-height) { something related to font-size and l

浏览 2提问于2016-09-08得票数 7

1回答

减少到Sass:如何在(默认())转换为sass时减少保护

css、sass、less

我正在尝试将一些混合物从较少的转化为sass。这两种语言我都不是很熟练，所以我一点也不确定我做得对不对。原始的较少的混合物：.for(@n) when (isnumber(@n)) {.for(1, @n)} .for-each(extract(@array, @i))} 我确定了三个主要问题：( 1)如何翻译sass中</

浏览 5提问于2016-08-24得票数 1

回答已采纳

2回答

SASS :用字符串比较@每个循环中的变量名

sass、each

我正在设法将变量名(例如@each循环中的$topLeft )与字符串(例如“topLeft”)进行比较--例如： border-top-left-ra

浏览 7提问于2013-09-15得票数 1

回答已采纳

1回答

在@each中使用变量值

css、sass、scss-mixins

我想在@each中使用一个变量值:为不同的状态创建类。但是SASS不使用值，它被放入变量名中。有这样的SASS语法：$warning: yellow;$information: steelblue; &:checked { } @each $theme in success

浏览 1提问于2018-07-05得票数 2

回答已采纳

1回答

清除IDE分析警告` `Cannot find ariable` for a mixin* @content指令中使用的变量在scss文件中？*

sass、phpstorm

我有一个@mixin被称为accent-colors，它只是通过键/值循环遍历颜色的sass映射，并包装@content的指令输入.accent-#{$key}父类选择器。@mixin accent-colors { $accent-name: $key !global; @content

浏览 35提问于2021-02-27得票数 0

回答已采纳

1回答

如何循环通过来自sass混入的内容指令？

css、for-loop、sass、mixins

我正在尝试编写一个SASS mixin来动态循环元素中的项数，然后应用自定义动画。// MIXIN @for $i from 1 through 4 { @content } // Usage from

浏览 3提问于2019-07-02得票数 0

1回答

为什么我不能在我的Sass循环中使用@include内的变量？

css、sass、scss-mixins

因此，假设我有以下的混合器： font-size: 36px;}@mixin type-h2{ font-weight: bold; font-size: 24px; font-weight现在，我想简化代码，并使用Sass循环生成实用程序类。这就是我所拥有的

浏览 5提问于2022-01-26得票数 1

回答已采纳

0回答

将嵌套的sass贴图隔离到新贴图中

sass、susy、sass-maps

如何将嵌套的sass贴图隔离到新贴图中？例如，我有这样的sass map： s: ( 'gutters': 30px, 'columns': 8, ), 'columns': 12, 'gutters': 30px

浏览 11提问于2017-06-08得票数 0

2回答

使用Sass根据页面更改网站颜色

css、sass、frontend

尝试让Sass根据页面更改我的$brand_clr颜色变量(通过body元素上的类)。例如，主页背景将是蓝色的，关于我们的将是绿色的，联系页面将是橙色的，等等。我想在不声明一堆颜色变量的情况下做到这一点。该变量将更改按钮颜色、背景颜色、链接颜色等。

浏览 2提问于2013-11-13得票数 0

1回答

使用循环创建仅CSS顺序淡入DIV

css、css-transitions、css-transforms、pure-css

有没有可能创建一个CSS唯一的版本使用循环。我见过显示DIVs的示例，但每个DIVs都是单独编码的，并带有时间延迟。如果我添加额外的DIVs，这样的代码将需要更新CSS。相反，如果可能的话，我想在CSS中使用某种循环。 $(this).delay(500 * i).fadeIn(1500);.ig-element {

浏览 3提问于2019-11-02得票数 0

3回答

Mixin、Function和Variable名称的Sass插值

sass

我尝试遍历Sass中的值列表，并使用current键的插值来动态输出分别利用@include和@extend的类名。(注:操作员的钢笔不见了。这不是在笔中找到的原始代码，而是问题的粗略近似) $error-lig

浏览 2提问于2013-04-23得票数 6

回答已采纳

2回答

有没有办法在css中创建动态实用程序类？

html、css、sass

有没有办法做一些像这样的事情...对h1标记应用5px填充的<h1 class="pad-5">Some Heading</h1>。这应该是动态的。例如，如果我编写class="pad-15"，它应该提供15px的填充。我想通过创建一个单一的规则集来实现这一点。而不是通过单独定义pad-5、pad-15等的不同类别。在css文件中，它应该类似于... .pad-[$value]{ pa

浏览 25提问于2021-01-14得票数 2

1回答

我不明白混音-我需要一些解释

css、sass、mixins、scss-mixins

是干什么的呢？@mixin _position($position, $args) { $i: index($args,$dir); #{$dir}: nth($args, $i + 1); } } @include _position(absolute, $args);

浏览 1提问于2018-03-23得票数 0

回答已采纳

2回答

你能测试一下混入是否存在吗？

sass、mixins

Sass快速问题(希望如此)在这里。你能测试一下混入的存在吗？例如： @if thumbnail-mixin {} @else { //define mixin }.我知道你可以覆盖一个混入，但我想如果你可以有一个默认的混入，而不是在每种情况下都指定N个变量。

浏览 0提问于2012-07-16得票数 13

回答已采纳

1回答

带环路的sass混频器产生误差

css、sass、compass-sass、mixins

我正在编写一个sass代码来获得css输出，如下所示。top, 50%); background: linear-gradient(top, 50%);@mixin linear-gradient($name, $arg1, $arg2){ @each $vendor in ('-webkit-', '-moz-&#x

浏览 2提问于2016-06-07得票数 1

回答已采纳

1回答

避免在Sass中重复相同的混音。

sass、mixins

我有一个用于Mixin的padding实用程序：$padding: ( right: "right", left: "left",); @each $padding-side, $side in $mapi

浏览 1提问于2016-09-05得票数 1

回答已采纳

2回答

使用sass和css模块对react应用程序进行主题化

reactjs、sass、css-modules

我想在我的react应用程序中实现主题化。因此，我使用了 (sass-mixins)。App.js ),

浏览 2提问于2019-09-02得票数 3

1回答

Sass循环@mixin和@include

css、loops、sass、scss-mixins

我想创建一个这样的结构 .nav-link { .nav-dropdown-itemsnav-link { ..... } }@mixin generatePadding($counter, $i:1)

浏览 5提问于2018-08-30得票数 0

1回答

Sass无法编译混合变量

sass、mixins

我最近从templatemonster.com购买了一个包含SASS源代码的模板。mixin。据我所知，SASS一直在改变它处理变量的方式。一开始，我认为可能有什么东西被弃用了，所以我尝试了其他一些任意版本的SASS，但都没有用。不幸的是，这个模板没有提供任何gemfile，所以我不知道它的依赖项是什么。下面是有问题的代码： @mixin indent-re

浏览 3提问于2016-10-21得票数 2

点击加载更多