Садовый синтаксис для повтора

Question

Я обнаружил, что пишу это

  [:.container2 {:display :grid
                 :grid-template-columns "repeat(10, 50px)"
                 :grid-template-rows "repeat(10, 50px)"}]

для преобразования в css с использованием garden.

Должно ли "repeat(10, 50px)" быть написано каким-то образом Garden вместо меня, пишущего строку?

Answer 1

Вам, вероятно, придется исключить clojure.core/repeat из своего пространства имен, но вы можете использовать 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); }"