I've changed the .large style to be 14px rather than 14.4 and it fits
within the baseline now, rather than having massive leading (2.5).
I've changed my heading styles to keep them within the baseline also
(or as best I can), the only problem is that they are smaller than I
wanted, rather than having a margin-bottom in proportion to the
heading style, I have a margin equal to the baseline (18px).
I know this prob. goes against all typographical rules but it looks
much better now.
/* large is equiv 14px */
.large {margin: 0;font-size: 1.1666666666666667em;line-height:
1.285em;margin-bottom: 1.285em;}
h1 {margin: 0;font-size: 1.5em;line-height: 1em;margin-bottom: 1em;}
h2 {margin: 0;font-size: 1.3333333333333333em;line-height:
1.125em;margin-bottom: 1.125em;}
h3 {margin: 0;font-size: 1.1666666666666667em;line-height:
1.2857142857142858em;margin-bottom: 1.2857142857142858em;}
On Sep 4, 11:50 am, simonok <[EMAIL PROTECTED]> wrote:
> In your example, the small class, and the regular <p> style all sit
> within the baseline but the "large" class breaks out of the baseline.
>
> Is this intentional? won't this be just small enough to fit within the
> baseline of 18px?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Blueprint CSS" 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/blueprintcss?hl=en
-~----------~----~----~----~------~----~------~--~---
