我发现自己写这篇

  [:.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); }"

10-05 20:46
查看更多