使用mixin作为变量

文章/答案/技术大牛

发布

1回答

css、sass、mixins、node-sass、scss-mixins

我有一个这样的@mixin，我想把它包含在我的scss文件中： background: -webkit-linear-gradient(to top, #24243e我的问题是，我如何才能使同一文件上的@mixin等于$mainColor？

浏览 6提问于2020-05-27得票数 0

2回答

在动态名称中的内插包括

sass

我想动态地@include其他@mixins在一个@mixin。@mixin foo($_Value){} 我有第二个解决方案，但这不是我想要的答案。我

浏览 3提问于2020-09-21得票数 0

1回答

混合内部的Sass变量包括

css、sass、mixins

我正在尝试创建一个each循环，该循环创建一个类名，并使用该名称作为参数调用一个混入。我的想法是，我可以列一个清单：然后运行each循环，使用该名称创建一个类，并调用一个以该名称作为参数的混入。#{$name} { }混入中的那个参数调用另一个同名的变量来设置我在混入中需要的属性。这似乎是我应该能够做的事情，但是我似乎不知道如何将mi

浏览 3提问于2016-10-26得票数 0

1回答

我正在尝试在手写笔中使用Mixin和插值来设计.tag的样式。我希望Mixin将tagName作为变量，并将其向下传递给某些属性的值，以便为其他地方定义的值生成变量。假设我有一个Stylus文件，它为不同的.tag定义颜色变量，比如color-TODO = red。// to generate the selector with the properties 这不起作用，大概是因为属性标识符后的{}是逐字解释的，而不是作为M

浏览 9提问于2021-09-24得票数 0

1回答

混合调用函数，用于变量SCSS

sass、scss-mixins

我有一个包含字体混合器的SCSS文件，例如： font-size:18px; color:black;%font1{}@mixin mainHeader($font: %font1) { ... @mixin</em

浏览 4提问于2022-05-18得票数 0

1回答

通过转发构造函数参数构造基于可变模板的混合结构

c++、c++11

我试图构造一个混合模板，它的基座都是作为可变模板参数传递的。我希望通过将每个mixin类的构造函数参数作为一个参数传递给一个可变模板构造函数来构造mixin。当使用每个混合类类型的对象调用时，变量模板构造函数将进行编译。但是，如果我传递每个混合类的构造函数参数(所有类都有一个参数构造函数)，它就不会编译我做错了什么？T > Mixin<

浏览 2提问于2017-01-16得票数 3

回答已采纳

1回答

SASS:在内部使用父引用(&)和@if .@ Using结构。&选择其他的而不是父母

css、if-statement、sass、parent

我使用的是&：select I a SASS @if块。}aside {}aside:nth-of-type() {}aside else:nth-of-type() {} 很明显，SASS正在将else作为“父”而不是备用。旧的mixin包含了mixin中的备用元素，但是我想使它更加灵活，以便与任

浏览 3提问于2014-04-20得票数 1

回答已采纳

3回答

如何向ES6 javascript类添加mixins？

javascript、node.js、class、ecmascript-6、lodash

在具有一些实例变量和方法的ES6类中，如何向其添加mixin？我在下面给出了一个例子，尽管我不知道mixin对象的语法是否正确。= 'var1' method1() { } this.method2()} method2: { }如果我运行(new Test()).test()，它将失

浏览 1提问于2017-02-15得票数 25

回答已采纳

1回答

SASS变量作为样式名称

sass、gulp-sass、libsass

是否可以在样式名称中使用SASS变量？如果是，语法是什么？我试过以下几种方法： margin-#{$direction}: 10px;和 @mixin bleed($direction) {作为参考，我使用lib-sass，引发的错误是Unknown word

浏览 1提问于2016-02-02得票数 1

回答已采纳

1回答

如何将sass映射中的多个值与混合中的each函数一起使用

css、sass、compass-sass

我有下面的sass map，它有多个值：使用如下所示的标准每个函数都可以正常工作： // Do whatever here但是，如果我试图在传递map中的mixin的混入中使用相同类型的每个函数，则每个函数不能与下面的函数一起工作： @mixin my-mixin@each $key, $value1, $value2 in $map

浏览 0提问于2014-09-26得票数 2

1回答

如何更改scss混合器中的另一个变量中使用的变量值

css、sass、scss-mixins

我试图从mixin中更改在另一个变量中使用的变量，但无法更改变量值。$var: "this #{$color} is a test" ; // here how to overridethe $color value} @include test($var, #ccc);默认情

浏览 0提问于2018-04-12得票数 0

1回答

减:通过Mixin调用动态更改参数。

less、mixins

我在不同的样式表中调用了一个较少的Mixin (即，每个断点由媒体查询控制)。在每个样式表中，都使用不同的参数值调用它，如： .mixin(1)； .mixin(2)；.mixin(@parameter) when (@parameter = 1) body font-style:italic; }，更改作为

浏览 5提问于2014-02-19得票数 0

1回答

减:将带有变量的规则集(或混音)传递给另一个混合变量，并能够使用这些变量。

variables、namespaces、less、parameter-passing、mixins

我想把混合变量作为参数传递给另一个混合变量，并在那里使用这些变量(在另一个混合变量中)。但是看起来更少的人看不到这些变量。有什么想法吗？_btn(@btn4);._btn4() {};}，但这是可行的： /

浏览 3提问于2014-12-10得票数 0

回答已采纳

2回答

Ampersand (&)作为SASS @mixin中的变量

css、sass、scss-mixins

查找引导程序5代码时，我在文件上看到以下声明： @if ($state == "valid" or $@content; } @else { @content; }无法准确理解&变量在我知道在写缩进层次结构时，使用 ( os SASS )

浏览 14提问于2022-11-22得票数 3

回答已采纳

1回答

sass mixin* pass参数作为css变量*

css、sass

我有一个混合器来生成一些网格类，如下所示： @for $i from 1 through $columns { grid-column: span #{$i}; }我还声明了一个css变量at :root {--网格-列: 12；} 我尝试将--网格列变量作为这样的变量进行混合我在网上找不到任何东西，它指定css变量是否允许/不允许<

浏览 4提问于2020-02-29得票数 1

1回答

在LESS中使用混入作为函数时，如何创建唯一变量？

css、twitter-bootstrap-3、less

文档站点上提供的选项是使用返回变量的混入。当我将变量声明为属性值时，这对我来说效果很好，但我需要在Bootstrap variable.less文件中的许多变量上运行新的mixin。我认为我可以通过在mixin中构建一个唯一的变量来解决这个问题，但我找不到任何方法来构建一个变量。.mixin(@color; @num)}@color-

浏览 1提问于2014-04-12得票数 1

1回答

sass将混入作为参数

sass

我想要参数化sass混入，以使其他混入作为参数传递，并在其中扩展名称。@mixin c(){color:red} 我尝试过的第二行和它的变体不起作用，我也没有找到任何将变量传递到@include子句的方法

浏览 0提问于2014-01-19得票数 0

1回答

ReactJS:创建表单时访问输入值的最佳实践

reactjs

Settings保存所有的状态，并且只将它作为道具传递给表单和小部件。有没有更好的方法来完成我不知道的这件事？

浏览 2提问于2015-08-21得票数 0

回答已采纳

7回答

在Sass中动态创建或引用变量

variables、sass

我尝试在我的变量上使用字符串插值来引用另一个变量：$foo-baz: 20px; width: $foo-#{$bar}; // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin</e

浏览 383提问于2011-12-16得票数 105

回答已采纳

1回答

少组合字符串和变量，输出作为变量

string、variables、less

我希望将字符串和变量组合起来，并将其作为变量输出。示例：.create-button-color(primary); .create-button-colorbackground-color: @color-primary;} 如您所见，~"@color-@{state}&q

浏览 2提问于2018-02-17得票数 0

回答已采纳

点击加载更多