Fork me on GitHub
#garden
<
2017-03-20
>
rauh07:03:55

@michael.heuberger IIRC, just use double vetor [[a b c]]

michael.heuberger20:03:32

@rauh is this documented?

michael.heuberger20:03:42

@rauh ah, must have missed that out. thanks

michael.heuberger20:03:54

but isn’t the syntax weird in the above example? (css [:p {:font [["16px" 'Helvetica] 'Arial ‘sans-serif]}])

michael.heuberger20:03:07

shouldn’t the closing ] be in a different position?

michael.heuberger20:03:38

there seems to be another issue: {:animation [[spinner-rotator [[settings/rotator-duration "linear" “infinite”]]]]} produces this CSS

animation: spinner-rotator 1.4s, linear, infinite {
  
  };

niamu21:03:14

As for your first question about the closing ], where do you think it should be?

michael.heuberger21:03:00

not sure. maybe (css [:p {:font [["16px" 'Helvetica 'Arial ‘sans-serif]]}]) ?

niamu21:03:00

The expectation is that there will be a space between the “16px” and “Helvetica”, so they are nested together. The rest is comma separated.

niamu21:03:44

That would produce CSS with all the font families space separated which would be invalid.

michael.heuberger21:03:27

and the second issue?

niamu21:03:05

I’m still parsing that one.

niamu21:03:23

I think I need more context. I don’t do CSS animations often enough to understand the question.

michael.heuberger21:03:01

i ll send you a whole code snippet, one sec

niamu21:03:51

And what do settings/rotator-offset and settings/rotator-duration equate to?

michael.heuberger21:03:10

(def rotator-offset 157)
(def rotator-duration (s 1.4))

niamu21:03:29

I don’t get the same thing you get when I run that. It evaluates fine.

niamu21:03:04

.path {animation: spinner-dash 1.4s ease-in-out infinite;}

michael.heuberger21:03:17

hmm, what code did you use?

niamu21:03:26

The one in the gist

michael.heuberger21:03:35

i mean, the garden syntax

niamu21:03:14

(css [:.path {:animation [[spinner-dash (space-join ["1.4s" "ease-in-out" “infinite”])]]}])

michael.heuberger21:03:34

oh wait, there is a mistake

michael.heuberger21:03:38

let me correct the gist

niamu21:03:32

Which should actually just be (css [:.path {:animation [[spinner-dash "1.4s" "ease-in-out" “infinite”]]}]) I guess.

michael.heuberger21:03:37

ok, updated with the double [[ ]]

michael.heuberger21:03:46

it is breaking now. give it a try

michael.heuberger21:03:00

ah … it should be [[spinner-dash "1.4s" "ease-in-out" “infinite”]], not [[spinner-rotator [[settings/rotator-duration "linear" “infinite”]]]]

niamu21:03:12

Yeah, too many nested vectors.

michael.heuberger21:03:45

got it - learned my lesson

noprompt21:03:13

oh that’s really bad UX. i think that will be a parse error in the near future.

noprompt21:03:23

would anyone here be interested in meeting up on google hangouts to discuss how to get involved with the garden codebase?

noprompt21:03:33

(can’t at-here :()

noprompt21:03:30

i’m just not able to devote as much time to the project as it requires right now.

shaun-mahood21:03:48

@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.