是否可以将类作为参数传递给Stylus中的mixin？

Question

我正在尝试使用mixins来减少一些Stylus代码。 在某些特殊情况下，我需要一个类作为参数。我们得到了：

.parent:hover .child
   color: lighten(red, -25%)

.child
   color red

我想要一个mixin，它将两个类都作为参数。

我无法从文档中找到方法。 （（

Answer 1

您可以通过插值实现此目的：http://stylus-lang.com/docs/interpolation.html

以下是一个示例代码：https://codepen.io/webdevdani/pen/POVLpr

codepen中的代码示例：

/* Stylus */

.box {
	height: 2rem;
	width: @height;
	background-color: blue;
	padding: 1rem;
}

.red-box {
	background-color: red;
}

$blockColor(parentClass, childClass) {
	{parentClass} {
		background-color: green;
		
		{childClass} {
			background-color: yellow;
		}
	}
}	
		
$blockColor('.box', '.red-box');

<div class="box">
	<div class="box red-box"></div>
</div>