pug-php/pug-filter-stylus

将 Stylus 代码渲染为编译后的 CSS 代码，嵌入 style 标签中

维护者

详细信息

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

源代码

问题

资助包维护！
kylekatarnls
Open Collective
Tidelift

安装次数: 80,566

依赖者: 1

建议者: 0

安全性: 0

星标: 5

关注者: 2

分支: 0

开放问题: 0

2.1.0 2017-10-03 10:06 UTC

Requires

Requires (Dev)

Replaces

MIT a7569598063d6e035192856ab8758fcd9c2284aa

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

This package is auto-updated.

Last update: 2024-09-15 00:40:59 UTC

README

Latest Stable Version Build Status Code Climate Test Coverage StyleCI

此模板

//- 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

包含如下数据

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

将被渲染成这样

<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>