CSS Mixin para Jade

O compilador Jade HTML deve simplificar a criação de um layout HTML. Criar elementos com muitos atributos, entretanto, é demorado. É tão fácil escrever o próprio elemento. Aqui está uma pequena combinação de atalho para inserir um elemento de link CSS em seu cabeçalho.

O mixin de Jade:

mixin css(file, media)
- media = media || 'all'
link
(type="text/css", rel="stylesheet", media="#{media}", href="#{file}.css")

Adicione-o ao seu modelo Jade:

mixin css('styles')

Resulta em:

<link type="text/css" rel="stylesheet" media="all" href="styles.css"/>