Есть ли аналог директивы @content из Sass в Stylus'e?

Question

[Олег Максимов]

Есть ли аналог директивы @content из Sass в Stylus'e?

К примеру переписать на стилус миксин

@mixin keyframes ($animation-name) {
@-webkit-keyframes $animation-name{
@content;
}
@-moz-keyframes $animation-name{
@content;
}
@-ms-keyframes $animation-name{
@content;
}
@-o-keyframes $animation-name{
@content;
}
@keyframes $animation-name{
@content;
}
}

use

p {
@include keyframes("my-anim") {
0% { font-size: 20px; }
100% { font-size: 30px; }
}
}

Answer 1

[Олег]

В Stylus префиксы для keyframes будут добавлены автоматически достаточно записи:

@keyframes myanim
	0%
		font-size 20px
	100%
		font-size 30px

Но автоматические префиксы уберут в версии 1.0, правда не понятно когда она еще будет.

Что касается блоков, конечно это возможно:

// Mixin
key( name = 'name' )
	  @keyframes {name}
		  {block}

// Use
p
	 +key( 'font' )
		0%
			font-size 20px
		100%
			font-size 30px

Comments

[Олег]

Олег Максимов: codepen.io/werty1001/pen/qRzMWZ?editors=0100#0

[Олег Максимов]

codepen.io/nucknine/pen/ZBqzRd
спасибо, вот что получилось, только не понял почему последующие +adaptive вкладываются в первый) по идее они ведь одного уровня.

[Олег]

Олег Максимов: Вкладывать не нужно, для медиа нужен один уровень