sass-site/old_source/code-snippets/_example-mixin-arbitrary-keyword-arguments.html.erb

48 lines
848 B
Plaintext
Raw Normal View History

2018-10-23 22:01:12 +02:00
<% example do %>
@use "sass:meta";
@mixin syntax-colors($args...) {
@debug meta.keywords($args);
// (string: #080, comment: #800, variable: #60b)
2018-10-23 22:01:12 +02:00
@each $name, $color in meta.keywords($args) {
pre span.stx-#{$name} {
color: $color;
}
2018-10-23 22:01:12 +02:00
}
}
@include syntax-colors(
$string: #080,
$comment: #800,
$variable: #60b,
)
===
@use "sass:meta"
@mixin syntax-colors($args...)
@debug meta.keywords($args)
// (string: #080, comment: #800, variable: #60b)
2018-10-23 22:01:12 +02:00
@each $name, $color in meta.keywords($args)
pre span.stx-#{$name}
color: $color
2018-10-23 22:01:12 +02:00
@include syntax-colors($string: #080, $comment: #800, $variable: #60b)
===
pre span.stx-string {
color: #080;
}
2018-10-23 22:01:12 +02:00
pre span.stx-comment {
color: #800;
}
2018-10-23 22:01:12 +02:00
pre span.stx-variable {
color: #60b;
}
2018-10-23 22:01:12 +02:00
<% end %>