我发现自己写这篇
[:.container2 {:display :grid
:grid-template-columns "repeat(10, 50px)"
:grid-template-rows "repeat(10, 50px)"}]
使用garden转换为CSS。
应该以某种Garden方式写
"repeat(10, 50px)"
而不是我写字符串吗? 最佳答案
您可能必须从名称空间中排除clojure.core/repeat
,但可以使用garden的defcssfn
。
(require '[garden.core :refer [css]])
(require '[garden.def :refer [defcssfn]])
(defcssfn repeat)
(css [:.container2 {:display :grid
:grid-template-columns (repeat 10 "50px")
:grid-template-rows (repeat 10 "50px")}])
=> ".container2 { display: grid;
grid-template-columns: repeat(10, 50px);
grid-template-rows: repeat(10, 50px);\n}"
要么
(def my-custom-repeat (repeat 10 "50px")
(css [:.container2 {:display :grid
:grid-template-columns my-custom-repeat
:grid-template-rows my-custom-repeat}])
=> ".container2 { display: grid;
grid-template-columns: repeat(10, 50px);
grid-template-rows: repeat(10, 50px); }"