Sass:将@content存储到列表中,以便稍后在另一个mixin中使用?

Sass:将@content存储到列表中,以便稍后在另一个mixin中使用?,sass,Sass,我试图将@content指令从一个mixin存储到一个列表中,以便稍后在另一个mixin中使用它。当我尝试这个时,我会出错。有人知道这是否可能吗 这个例子是我所做工作的简化版本,但基本上我想创建自定义断点类,但不需要在每个类上都有媒体查询的所有额外标记 以下是我得到的: $breakpoints:sm,320px,md,780px,lg,960px; $全部:; @mixin push$name{ $content:@content; $all:追加$all、$name、$content; }

我试图将@content指令从一个mixin存储到一个列表中,以便稍后在另一个mixin中使用它。当我尝试这个时,我会出错。有人知道这是否可能吗

这个例子是我所做工作的简化版本,但基本上我想创建自定义断点类,但不需要在每个类上都有媒体查询的所有额外标记

以下是我得到的:

$breakpoints:sm,320px,md,780px,lg,960px; $全部:; @mixin push$name{ $content:@content; $all:追加$all、$name、$content; } @混合打印{ @$breakpoints中的每个$breakpoint{ $breakpointName:n$breakpoint,1; $breakpointSize:n$breakpoint,2; @仅介质屏幕和最小宽度:$s大小{ @$all中的每个$item{ $className:n$item,1; $content:n$item,2; {$className}-{$className}{ {$content}; } } } } } @包括pushcolor红色{color:red;} @包括pushcolor绿色{color:green;} @包括pushcolor蓝色{color:blue;} @完全疯狂{ 颜色:红色; 背景颜色:绿色; 边框顶部:实心5px棕色; 左边框:实心5px灰色; 右边框:实心5px蓝色; 边框底部:实心5px黄色; } @包括printAll; 所以基本上我想输出如下内容:

@仅介质屏幕和最小宽度:320px{ //此处所有带有-sm后缀的自定义类 } @仅介质屏幕和最小宽度:728px{ //这里所有带有-md后缀的自定义类 } @仅介质屏幕和最小宽度:960px{ //这里所有带有-lg后缀的自定义类 } 而不是:

@仅介质屏幕和最小宽度:320px{ //这里是第一个后缀为-sm的类 } @仅介质屏幕和最小宽度:728px{ //这里是第一个后缀为-md的类 } @仅介质屏幕和最小宽度:960px{ //第一个使用-lg后缀的类 } @仅介质屏幕和最小宽度:320px{ //第二个类的后缀为-sm } @仅介质屏幕和最小宽度:728px{ //第二个类,这里有-md后缀 } @仅介质屏幕和最小宽度:960px{ //第二个类,后缀为-lg } 等 示例如下: