CSSの属性値として変数を使用する方法を教えてください

Question

私はPUGを使用しています。

変数hに10を入力しました。

私はitemという名前の要素のプロパティとしてhを使いたいと思います。それはwork.T.T

は、どのように私はそれを動作させることができませんでした。もちろん、

- var h=10 
doctype html 
html 
    head 
     style. 
      .item {height: hpx;} 
    body 
     .item Hello! 

？

Answer 1

使用String Interpolation：

- var h=10 
doctype html 
html 
    head 
     style. 
      .item {height: #{h}px;} 
    body 
     .item Hello! 

Answer 2

ます。また、コードの下に使用することができます。

HTMLファイルで：

html 
head 
    style. 
     .item { height: var(--h);color: var(--color); } 

body 
    .item Hello! 

CSSファイルで：

:root { 
    --h: 10px; 
    --color: red; 
} 

はそれが仕事だホープあなたのために。

ありがとうございました。