pug-php/pug-filter-stylus

Render stylus code as compiled CSS in a style tag

Maintainers

👁 kylekatarn

Package info

github.com/pug-php/pug-filter-stylus

pkg:composer/pug-php/pug-filter-stylus

Statistics

Installs: 91 941

Dependents: 1

Suggesters: 0

Stars: 5

Open Issues: 0

2.1.0 2017-10-03 10:06 UTC

Requires

Requires (Dev)

Suggests

None

Provides

None

Conflicts

None

MIT a7569598063d6e035192856ab8758fcd9c2284aa

  • Kyle Katarn <kylekatarnls.woop@gmail.com>

This package is auto-updated.

Last update: 2026-06-15 04:19:08 UTC


README

👁 Latest Stable Version
👁 Build Status
👁 Code Climate
👁 Test Coverage
👁 StyleCI

This template:

//- set from php controller
- $prev = $color

//- set in the pug template
- $color = 'red'

head
 :stylus
 prev = yellow
 p
 color #{color}
 a
 color #{prev}
 em
 color prev
body
 p
 | I'm
 =color
 | but my links are
 a=prev
 | and my quotes are
 em=prev

with data like this:

$pug = new Pug();
$pug->render('template.pug', array(
 'color' => 'red',
));

will be rendered like this:

<head>
 <style type="text/css">
 p {
 color: red;
 }
 p a {
 color: yellow;
 }
 p em {
 color: yellow;
 }
 </style>
</head>
<body>
 <p>
 I'm red but my links are <a>yellow</a> and my quotes are <em>yellow</em>
 </p>
</body>