Home → Problems →

Poor css for nested lists in Amblin style

• Edit

jrseney

23 Aug, 2012 10:13 PM

Hi, thank you for this great software!

I noticed that when using the Amblin style that comes with Marked, the nested lists cause the fonts in the sub list to become larger due to using "em" font sizes. Also, the bottom margins break the visual flow of the list.

A quick fix I've used is the following:

ul ul,ol ol,
ul ul ul,ol ol ol,
ul ul ul ul, ol ol ol ol
{

font-size: 1em; 
margin: 0 2em;

}

This will stop the fonts from growing in each sub list or adding large margins between each line. I know it's a bit of a hack but I didn't want to rewrite all the font sizes.

Hope this helps!

Thanks,
Jason

1. 1 Posted by Jason on 23 Aug, 2012 10:17 PM

   

   See attached screen shots of Before Fix and After Fix

   • before.png 16.7 KB
   • after.png 11.3 KB
   • Edit

2. Support Staff 2 Posted by Brett on 23 Aug, 2012 10:45 PM

   

   Yes, that was a weird choice by the original designer. It's fixed for the next release.

   Thanks!

   • Edit

3. Brett closed this discussion on 26 Aug, 2012 08:02 PM.