librelist archives

« back to archive

No nested lists!

No nested lists!

From:
Isaac Rabinovitch
Date:
2013-02-16 @ 20:33
Forgive the stream of newbie questions.

Trying to tweak the default template so that it does lists the way I 
need.  Right now /all/ list items are flush with the left margin, with 
bullets hanging into the margin. I can live with that for single-level 
lists, but that just won't work with nested lists.

I've even gone so far as to delete /every/ SASS rule that applies to li 
or ul. No effect. Blanking the entire master.sass file solves the 
problem,  but is obviously not a good thing to do.

What hidden feature of SASS is screwing me up?

Re: [nesta] No nested lists!

From:
Isaac Rabinovitch
Date:
2013-02-17 @ 03:33
OK, finally figured out that this code in master.sass was causing the 
problem. What I don't get is why it's there in the first place:

    // Reset

    *
       margin: 0
       padding: 0


On 2/16/2013 12:33 PM, Isaac Rabinovitch wrote:
> Forgive the stream of newbie questions.
>
> Trying to tweak the default template so that it does lists the way I 
> need.  Right now /all/ list items are flush with the left margin, with 
> bullets hanging into the margin. I can live with that for single-level 
> lists, but that just won't work with nested lists.
>
> I've even gone so far as to delete /every/ SASS rule that applies to 
> li or ul. No effect. Blanking the entire master.sass file solves the 
> problem,  but is obviously not a good thing to do.
>
> What hidden feature of SASS is screwing me up?

Re: [nesta] No nested lists!

From:
Jeff Clites
Date:
2013-02-17 @ 04:12
It's a common-ish CSS strategy, to default everything to zero and then 
explicitly set things to known values, to minimize cross-browser 
differences (since they differ in their default behaviors).

JEff

On Feb 16, 2013, at 7:33 PM, Isaac Rabinovitch <isaac@picknit.com> wrote:

> OK, finally figured out that this code in master.sass was causing the 
problem. What I don't get is why it's there in the first place:
> 
> // Reset
> 
> *
>   margin: 0
>   padding: 0
> 
> On 2/16/2013 12:33 PM, Isaac Rabinovitch wrote:
>> Forgive the stream of newbie questions.
>> 
>> Trying to tweak the default template so that it does lists the way I 
need.  Right now all list items are flush with the left margin, with 
bullets hanging into the margin. I can live with that for single-level 
lists, but that just won't work with nested lists.
>> 
>> I've even gone so far as to delete every SASS rule that applies to li 
or ul. No effect. Blanking the entire master.sass file solves the problem,
but is obviously not a good thing to do.
>> 
>> What hidden feature of SASS is screwing me up?
> 

Re: [nesta] No nested lists!

From:
Isaac Rabinovitch
Date:
2013-02-17 @ 19:26
Wrong way to do it. If you want a standard starting point, you should 
use one that preserves standard HTML features. No simple or standard way 
to do this, but here are some options:

http://html5doctor.com/html-5-reset-stylesheet/
http://meyerweb.com/eric/tools/css/reset/
http://www.w3.org/TR/CSS21/sample.html

On 2/16/2013 8:12 PM, Jeff Clites wrote:
> It's a common-ish CSS strategy, to default everything to zero and then 
> explicitly set things to known values, to minimize cross-browser 
> differences (since they differ in their default behaviors).
>
> JEff
>
> On Feb 16, 2013, at 7:33 PM, Isaac Rabinovitch <isaac@picknit.com 
> <mailto:isaac@picknit.com>> wrote:
>
>> OK, finally figured out that this code in master.sass was causing the 
>> problem. What I don't get is why it's there in the first place:
>>
>>     // Reset
>>
>>     *
>>       margin: 0
>>       padding: 0
>>
>>
>> On 2/16/2013 12:33 PM, Isaac Rabinovitch wrote:
>>> Forgive the stream of newbie questions.
>>>
>>> Trying to tweak the default template so that it does lists the way I 
>>> need.  Right now /all/ list items are flush with the left margin, 
>>> with bullets hanging into the margin. I can live with that for 
>>> single-level lists, but that just won't work with nested lists.
>>>
>>> I've even gone so far as to delete /every/ SASS rule that applies to 
>>> li or ul. No effect. Blanking the entire master.sass file solves the 
>>> problem,  but is obviously not a good thing to do.
>>>
>>> What hidden feature of SASS is screwing me up?
>>

Re: [nesta] No nested lists!

From:
Graham Ashton
Date:
2013-02-17 @ 19:53
On 17 Feb 2013, at 19:26, Isaac Rabinovitch <isaac@picknit.com> wrote:

> Wrong way to do it. If you want a standard starting point, you should 
use one that preserves standard HTML features.

I think it's difficult to state absolutes with these things. There's a CSS
rule missing, clearly (that would indent nested ul or ol tags relative to 
their parent), but there's nothing wrong with left aligning the top level 
list with surrounding paragraphs.

Some designers assert that's how it should be; see this discussion of 
hanging indents:

http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2

Re: [nesta] No nested lists!

From:
Jake Subs
Date:
2013-02-17 @ 20:34
FWIW, my personal favourite for CSS reset is normalize:
http://nicolasgallagher.com/about-normalize-css/

Different approach to ensuring cross-browser consistency.

cheers, Jake

On 17 February 2013 19:53, Graham Ashton <graham@effectif.com> wrote:
> On 17 Feb 2013, at 19:26, Isaac Rabinovitch <isaac@picknit.com> wrote:
>
> Wrong way to do it. If you want a standard starting point, you should use
> one that preserves standard HTML features.
>
>
> I think it's difficult to state absolutes with these things. There's a CSS
> rule missing, clearly (that would indent nested ul or ol tags relative to
> their parent), but there's nothing wrong with left aligning the top level
> list with surrounding paragraphs.
>
> Some designers assert that's how it should be; see this discussion of
> hanging indents:
>
> 
http://www.markboulton.co.uk/journal/five-simple-steps-to-better-typography-part-2



--
[~] Jake Rayson
[w] www.jrayson.co.uk
[e] subs@growdigital.org
[t] @growdigital

Re: [nesta] No nested lists!

From:
Jeff Clites
Date:
2013-02-17 @ 19:40
I'm not defending it, just explaining it, but FWIW the articles you link 
below set margin and padding to 0 for ul and li as well.

JEff

On Feb 17, 2013, at 11:26 AM, Isaac Rabinovitch <isaac@picknit.com> wrote:

> Wrong way to do it. If you want a standard starting point, you should 
use one that preserves standard HTML features. No simple or standard way 
to do this, but here are some options:
> 
> http://html5doctor.com/html-5-reset-stylesheet/
> http://meyerweb.com/eric/tools/css/reset/
> http://www.w3.org/TR/CSS21/sample.html
> 
> On 2/16/2013 8:12 PM, Jeff Clites wrote:
>> It's a common-ish CSS strategy, to default everything to zero and then 
explicitly set things to known values, to minimize cross-browser 
differences (since they differ in their default behaviors).
>> 
>> JEff
>> 
>> On Feb 16, 2013, at 7:33 PM, Isaac Rabinovitch <isaac@picknit.com> wrote:
>> 
>>> OK, finally figured out that this code in master.sass was causing the 
problem. What I don't get is why it's there in the first place:
>>> 
>>> // Reset
>>> 
>>> *
>>>   margin: 0
>>>   padding: 0
>>> 
>>> On 2/16/2013 12:33 PM, Isaac Rabinovitch wrote:
>>>> Forgive the stream of newbie questions.
>>>> 
>>>> Trying to tweak the default template so that it does lists the way I 
need.  Right now all list items are flush with the left margin, with 
bullets hanging into the margin. I can live with that for single-level 
lists, but that just won't work with nested lists.
>>>> 
>>>> I've even gone so far as to delete every SASS rule that applies to li
or ul. No effect. Blanking the entire master.sass file solves the problem,
but is obviously not a good thing to do.
>>>> 
>>>> What hidden feature of SASS is screwing me up?
>