Welcome! Please see the About page for a little more info on how this works.

0 votes
in Libs by
edited by

I would like to produce, say, below CSS using Garden.

.block-main > header {
  height: 100px;
  padding: 32px;
  margin: 0;

So far I'm living with this

(css [:.block-main
   ["> header"
    {:height "100px"}
    {:padding "32px"}
    {:margin '0}]])

I've no idea, whether it's proper or not; neither I can find any example anywhere. Please help.

1 Answer

0 votes
Best answer
(css [(garden.selectors/> :.block-main :header) 
  {:height "100px"}
  {:padding "32px"}
  {:margin '0}])