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
-~----------~----~----~----~------~----~------~--~---
