我想创建一个SCSS-mixin,它应该存储来自CSS选择器的属性并将其输出到另一个文件中。
我的Log.debug({})
_mixins.scss
在我的$tinymce_styles: ();
@mixin tinymce($selector, $declarations) {
// define
$append: (
selector: unquote($selector),
declarations: $declarations
);
// add to list
$tinymce_styles: append($tinymce_styles, $append);
// self declaration (will be disabled via $variable)
#{$selector} {
@each $property, $value in $declarations {
#{$property}: $value
}
}
}
中,我有类似的东西:
base.scss
最后是我的tinymce-output.scss`
@import "mixins";
@include tinymce('h1, .h1', (
font-size: 48px,
margin: $inline-margin 0,
color: #000
));
@import "tinymce-output"
仅此而已。我的@each $options in $tinymce_styles {
$selector: map-get($options, selector);
$declarations: map-get($options, declarations);
#{$selector} {
@each $property, $value in $declarations {
#{$property}: $value
}
}
}
不满意。
我知道文件的结构并不完美,请忽略它,因为它是一个测试设置。