Any work on this should really be based off the master branch. I think there have already been major changes there, worth integrating with.
This proposal is interesting, but it looks daunting to use. Ideally, this should be as easy as changing a setting - without changing the main mixin interfaces at all. Something like this?
@include establish-baseline;
// our main baseline settings
@include use-baseline($new-base-size, $new-line-height) {
// our alternative baseline
}
That could be combined with media-queries:
$base-font-size: 14px;
$base-line-height: 18px;
// mobile baseline
.rhythm { @include leader; }
@media (min-width: 40em) {
@include use-baseline(16px, 21px) {
// desktop baseline
.rhythm { @include leader; }
}
}
or different parts of a layout:
$base-font-size: 14px;
$base-line-height: 18px;
// main baseline
.rhythm { @include leader; }
#alternative {
@include use-baseline(16px, 21px) {
// alternative baseline
.rhythm { @include leader; }
}
}
No change to how we use "leader" in the example, we've just changed the variables underneath. Does that make sense?
Cheers,
-e