Олег

Я бы сделал так

В 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

margin: 25 50 unquote( '@(max-width:80px) 20 30' )

Можно еще миксины написать, что-то типа:

max( width, data )
	unquote( '@(max-width:' + width + ') ' + data )

header
	margin 25 50 max( '180px', '20 30' )

gulp-plumber

Emmet это не препроцессор, это няшная штука для редакторов, чтобы быстро "разворачивать" простыни кода из маленьких команд.

Для HTML советую Pug (ex Jade), для CSS посмотрите на Stylus. Почему? Минималистичный синтаксис плюс мощная и гибкая начинка корнями из JS.

Sass вроде тоже ничего, можете использовать его, он почему-то более распространен, чем Stylus, сам не знаю почему, видимо скобочки решают.

doctype
html(lang='en')
	head
		meta(charset='UTF-8')
		title Document
	body

Если правильно понял, то вот - @extend