This page is not created by, affiliated with, or supported by Slack Technologies, Inc.
2017-03-20
Channels
- # arachne (4)
- # bangalore-clj (1)
- # beginners (38)
- # boot (182)
- # cider (21)
- # cljs-dev (9)
- # clojars (5)
- # clojure (229)
- # clojure-austin (1)
- # clojure-berlin (1)
- # clojure-czech (3)
- # clojure-dusseldorf (3)
- # clojure-ireland (5)
- # clojure-italy (4)
- # clojure-russia (33)
- # clojure-spec (73)
- # clojure-taiwan (6)
- # clojure-uk (22)
- # clojure-ukraine (1)
- # clojurescript (80)
- # core-async (26)
- # cursive (3)
- # datascript (20)
- # datomic (9)
- # defnpodcast (8)
- # editors (4)
- # emacs (7)
- # garden (41)
- # hoplon (2)
- # java (1)
- # lambdaisland (2)
- # lein-figwheel (1)
- # leiningen (5)
- # luminus (4)
- # lumo (36)
- # off-topic (4)
- # om (21)
- # onyx (1)
- # pedestal (33)
- # re-frame (33)
- # ring-swagger (70)
- # spacemacs (26)
- # specter (7)
- # sql (6)
- # timbre (2)
- # untangled (12)
- # vim (3)
- # yada (1)
@michael.heuberger IIRC, just use double vetor [[a b c]]
@rauh is this documented?
Yea, last <p> in https://github.com/noprompt/garden/wiki/Syntax . @michael.heuberger
@rauh ah, must have missed that out. thanks
but isn’t the syntax weird in the above example? (css [:p {:font [["16px" 'Helvetica] 'Arial ‘sans-serif]}])
shouldn’t the closing ]
be in a different position?
there seems to be another issue: {:animation [[spinner-rotator [[settings/rotator-duration "linear" “infinite”]]]]}
produces this CSS
animation: spinner-rotator 1.4s, linear, infinite {
};
why the { … }
?
not sure. maybe (css [:p {:font [["16px" 'Helvetica 'Arial ‘sans-serif]]}])
?
The expectation is that there will be a space between the “16px” and “Helvetica”, so they are nested together. The rest is comma separated.
That would produce CSS with all the font families space separated which would be invalid.
oh i see
and the second issue?
I think I need more context. I don’t do CSS animations often enough to understand the question.
i ll send you a whole code snippet, one sec
(def rotator-offset 157)
(def rotator-duration (s 1.4))
hmm, what code did you use?
i mean, the garden syntax
(css [:.path {:animation [[spinner-dash (space-join ["1.4s" "ease-in-out" “infinite”])]]}])
oh wait, there is a mistake
let me correct the gist
Which should actually just be (css [:.path {:animation [[spinner-dash "1.4s" "ease-in-out" “infinite”]]}])
I guess.
ok, updated with the double [[ ]]
it is breaking now. give it a try
right, that one
ah … it should be [[spinner-dash "1.4s" "ease-in-out" “infinite”]]
, not [[spinner-rotator [[settings/rotator-duration "linear" “infinite”]]]]
got it - learned my lesson
thanks heaps
would anyone here be interested in meeting up on google hangouts to discuss how to get involved with the garden codebase?
@noprompt: Yeah I would definitely be interested - I likely won't have time for substantial contributions for the near future, but a few hours here or there would definitely be possible.