The following sass:
#foo
#bar
color: red
generates:
#foo #bar {
color: red; }
I am ok with that, it reads well. But it is not usefull for
deployment. There you want small CSS. My css is already compressed and
minified on the fly, but those selectors keep bugging me. As there is
only 1 ID, they aren't needed to be that long.
I could just use the following sass:
#bar
color: red
But it loses the visual hierarchical structure in more complex sass.
So I suggest to add an option to the compile which eliminates all
selectors before an ID selector. This would change e.g. the following
cases:
#foo
#bar
color: red
to
#bar {
color: red; }
instead of
#foo #bar {
color: red; }
#foo
color: blue
#bar
color: red
to
#foo {
color: blue; }
#bar {
color: red; }
instead of
#foo {
color: blue; }
#foo #bar {
color: red; }
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Haml" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [email protected]
For more options, visit this group at http://groups.google.com/group/haml?hl=en
-~----------~----~----~----~------~----~------~--~---
