Please don't take offense, but sass will not help you do what you are trying to do because it is a bad idea. Sass is here to help you make more maintainable stylesheets. One of the ways we do this is by enforcing best practices.
The real structure of your page is encoded by your *document*. To nest selectors means you are creating a descendant selector. To imply a structure in your stylesheet where none is actually emitted is to duplicate information that will eventually become out of sync and then confusing and error prone. Chris On Sun, Sep 20, 2009 at 10:43 AM, Mark de Bruijn <[email protected]> wrote: > I know. But then I lose the indention pointing out the real structure. > I was looking for something like > #foo > color: red > --#bar > color: blue > where everything below #bar get's treates as it has two spaces less. > > > On Sun, Sep 20, 2009 at 7:18 PM, Chris Eppstein <[email protected]>wrote: > >> #foo >> color: red >> #bar >> color: blue >> >> On Sun, Sep 20, 2009 at 9:59 AM, Mark de Bruijn <[email protected]>wrote: >> >>> So how to format the following to generate single ID's? >>> >>> #foo >>> color: red >>> #bar >>> color: blue >>> >>> >>> On Sun, Sep 20, 2009 at 6:03 PM, Chris Eppstein <[email protected]>wrote: >>> >>>> Indentation past the comment's indent level is ignored within a comment. >>>> >>>> On Sun, Sep 20, 2009 at 1:41 AM, Mark de Bruijn <[email protected]>wrote: >>>> >>>>> >>>>> But doesn't sass go mad on the incorrect indention? >>>>> >>>>> On 9/19/09, Chris Eppstein <[email protected]> wrote: >>>>> > It's your stylesheet. Please write it the way you want it. There's no >>>>> value >>>>> > in deploying something to production that you didn't develop against. >>>>> in >>>>> > fact it's worse than no value. If you want to see the page structure >>>>> but not >>>>> > use it, that is what comments are for. >>>>> > >>>>> > chris >>>>> > >>>>> > >>>>> > On Sat, Sep 19, 2009 at 8:43 AM, Mark de Bruijn <[email protected]> >>>>> wrote: >>>>> > > >>>>> > > I have seen that problem. That's why I suggest it as a compiler >>>>> option. >>>>> > > >>>>> > > >>>>> > > >>>>> > > >>>>> > > >>>>> > > On Sat, Sep 19, 2009 at 5:35 PM, G. Sobrinho < >>>>> [email protected]> >>>>> > wrote: >>>>> > > >>>>> > > > But it will generate a problem. Let me show: In my home page: >>>>> > > > >>>>> > > > <div id="one"> >>>>> > > > <div id="two"></div> >>>>> > > > </div> >>>>> > > > >>>>> > > > And into another page: >>>>> > > > >>>>> > > > <div id="two"></div> >>>>> > > > >>>>> > > > So, I write into my SASS #one #two to select the div into home >>>>> page and >>>>> > only #two to select from all pages. Did you see the problem? >>>>> > > > >>>>> > > > >>>>> > > > If you want to use only last selector, write this into SASS: >>>>> > > > >>>>> > > > >>>>> > > > #bar >>>>> > > > color: red >>>>> > > > >>>>> > > > instead of >>>>> > > > >>>>> > > > #foo >>>>> > > > #bar >>>>> > > > color:red >>>>> > > > >>>>> > > > >>>>> > > > 2009/9/19 Dykam <[email protected]> >>>>> > > > >>>>> > > > >>>>> > > > >>>>> > > > >>>>> > > > > >>>>> > > > > 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; } >>>>> > > > > >>>>> > > > > >>>>> > > > >>>>> > > > >>>>> > > > >>>>> > > > -- >>>>> > > > Cordialmente, >>>>> > > > >>>>> > > > Gabriel Sobrinho >>>>> > > > Diretor de desenvolvimento >>>>> > > > >>>>> > > > Hite - Comunicação Digital e Mídia Interativa >>>>> > > > http://www.hite.com.br/ >>>>> > > > >>>>> > > > +55 31 8775 8378 >>>>> > > > >>>>> > > > >>>>> > > > >>>>> > > >>>>> > > >>>>> > > >>>>> > > -- >>>>> > > Mark >>>>> > > >>>>> > > >>>>> > > >>>>> > > >>>>> > > >>>>> > > >>>>> > >>>>> > >>>>> > > >>>>> > >>>>> >>>>> >>>>> -- >>>>> Mark >>>>> But >>>>> >>>>> >>>>> >>>> >>>> >>>> >>> >>> >>> -- >>> Mark >>> >>> >>> >>> >> >> >> > > > -- > Mark > > > > --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
