Hi Steven,
I know that readability is a bit of an issue for some people. Unfortunately
there isn't much I can do other than point folks to the defrule macro and some
of the other suggestions I've made. As I work with the Garden I see problem
areas too and am working to find solutions that will make using the library
more palatable.
Speaking of defrule, and correct me if I'm missing something, but I think you
might be a bit confused about it's nature. You should think of defrule as a way
to create selector functions. I'll admit this was bad naming on my part and
I'll probably make an alias called defselector. Those "selectors" can be as
generic or precise as you like and possess the same semantics as normal vector
based Garden code but are more flexible (since they are functions). Also, they
should give you the indentation you are looking for.
(defrule a :a)
(defrule footer :footer)
(footer {:color "red"
:background-color "blue"}
(a {:color "green"}))
"But if I have 3 elements with 3 children each, and each child has 3 children,
that's already 27 defrules I have to stick above it. That'll get pretty unruly
quick."
Only if you have 27 distinct elements that you have no intention of ever
reusing. Observe:
;; These forms are all semantically equivalent.
(footer {:color "red"
:background-color "blue"}
(a {:color "green"}))
[:footer {:color "red"
:background-color "blue"}
(a {:color "green"})]
(footer {:color "red"
:background-color "blue"}
[:a {:color "green"}])
;; This works too.
(defrule h1 :h1)
(defrule hover "&:hover")
(footer
(h1 {:font-weight "normal"}
(hover {:font-weight "bold"}))
(a {:text-decoration "none"}
(hover {:text-decoration "underline"})))
To make life easier I will add all known HTML selectors (via defrule) and make
some tweaks to it's behavior today. As of this moment most of the pseudo
classes have been implemented here.
I hope this helps clear things up. Again, if I'm not understanding you
correctly, please let me know.
Thanks,
Joel
On Jul 6, 2013, at 6:58 AM, Steven Degutis <sbdegu...@gmail.com> wrote:
> So far, I really like Garden.
>
> There's one thing though that's making it difficult. It's hard to see that
> nested rules are nested.
> ;; hard to see nesting
> [:footer {:color "red"
> :background-color "blue"}
> [:a {:color "green"}]]
>
> ;; much easier
> (:footer {:color "red"
> :background-color "blue"}
> [:a {:color "green"}])
> (That's a bad example because it's so short. In the real world, much longer
> and deeper-nested rules show it clearer.)
>
> Technically I'm using emacs with clojure-mode.el, which indents vectors by
> only 1 char. But I don't think that's the problem. Normally it's good to
> indent them by only 1 char, but there's no way to differentiate between
> [:some [:random :data]], which should be indented like that, and a vector of
> garden-rules which should be indented more obviously. So I don't think this
> is something that changing our editors/plugins will fix.
>
> One solution is to use defrule more often. But if I have 3 elements with 3
> children each, and each child has 3 children, that's already 27 defrules I
> have to stick above it. That'll get pretty unruly quick.
>
> So I was thinking of just using a dummy macro like this:
> (defmacro rule [& body] `[~@body])
>
> (def footer
> (rule :footer {:color "red"
> :background-color "blue"}
> (rule :a {:color "green"})))
> But you can imagine my discomfort at writing/using a macro just to make
> indentation easier.
>
> Are there any better solutions to this?
>
> -Steven
>
>
> On Tue, Apr 9, 2013 at 2:58 PM, Joel Holdbrooks <cjholdbro...@gmail.com>
> wrote:
> Nobel Clojurians,
>
> I am pleased to announce the alpha version of Garden, a new library for
> writing CSS in Clojure.
>
> The project weds the best ideas from Hiccup, gaka, and cssgen and aims to
> provide a clean and conventional way to author stylesheets without being too
> simple or too complex.
>
> Currently the list of notable features include:
> Nestable rules
> Nestable declarations (this my change)
> A builtin set of tools for working with CSS unit values
> Convenient multiple selector syntax (IE. h1, h2, h3 { ... })
> Output formatting options
> What's planned for the near future:
> The ability to use Clojure meta as a media query
> A builtin set of tools for working with CSS color values
> & selector syntax for nested rules
> For those of you who are interested in this sort of thing, please have a look
> at the project's repository. There is still quite a bit of ground to do cover
> and any help/criticism/contribution would be greatly appreciated.
>
> Please feel free to offer suggestions, ask questions, open issues, or send
> pull requests. I would love nothing more than to see this library succeed
> where other's have not.
>
>
> Truly,
>
> Joel Holdbrooks (aka noprompt)
>
>
> --
> --
> You received this message because you are subscribed to the Google
> Groups "Clojure" group.
> To post to this group, send email to clojure@googlegroups.com
> Note that posts from new members are moderated - please be patient with your
> first post.
> To unsubscribe from this group, send email to
> clojure+unsubscr...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/clojure?hl=en
> ---
> You received this message because you are subscribed to the Google Groups
> "Clojure" group.
> To unsubscribe from this group and stop receiving emails from it, send an
> email to clojure+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
>
>
> --
> --
> You received this message because you are subscribed to the Google
> Groups "Clojure" group.
> To post to this group, send email to clojure@googlegroups.com
> Note that posts from new members are moderated - please be patient with your
> first post.
> To unsubscribe from this group, send email to
> clojure+unsubscr...@googlegroups.com
> For more options, visit this group at
> http://groups.google.com/group/clojure?hl=en
> ---
> You received this message because you are subscribed to a topic in the Google
> Groups "Clojure" group.
> To unsubscribe from this topic, visit
> https://groups.google.com/d/topic/clojure/xbFU2prTxlY/unsubscribe.
> To unsubscribe from this group and all its topics, send an email to
> clojure+unsubscr...@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>
>
--
--
You received this message because you are subscribed to the Google
Groups "Clojure" group.
To post to this group, send email to clojure@googlegroups.com
Note that posts from new members are moderated - please be patient with your
first post.
To unsubscribe from this group, send email to
clojure+unsubscr...@googlegroups.com
For more options, visit this group at
http://groups.google.com/group/clojure?hl=en
---
You received this message because you are subscribed to the Google Groups
"Clojure" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to clojure+unsubscr...@googlegroups.com.
For more options, visit https://groups.google.com/groups/opt_out.
