Hi Jet, thank you for cc'ing me. I'm having difficulty to convince authors to use features when it's behind the flag, so it's a bit circling. But we found some sites are, logically speaking, implementable only with line-height-step, and their biggest wish is interoperability, because supporting down-level browsers is troublesome. That being another reason to make convincing sites difficult, with or without flag.
One such example is <http://sato-yuki.net/>. The site owner had to develop SASS plugin because Compass < http://compass-style.org/reference/compass/typography/vertical_rhythm/> doesn't provide vertical rhythm for vertical flow, but we confirmed that this site is fully implementable by line-height-step. I've got several other cases from Japan digital-publishing industry but they're not available on public internet unfortunately, so they don't suffice your request. They're not really using the behind-the-flag feature, but could they be examples? cc'ed a few more people, who presented the needs of vertical rhythm in Sapporo industry meetup a few years ago, and as far as I understand, they will be presenting vertical rhythm again in Tokyo meetup. I hope they can present more cases. Just in case my words in the past were misleading, I do agree with usefulness of line grid and box height stepping. They complement line-height-step, covers cases where line-height-step doesn't, or make it more robust. I do agree, depends on use cases, especially in Latin, they're more useful than line-height-step. If Gecko is going to work on all 3 features -- line grid, box step, and line step -- this is super great. We wish to revisit them in future too. But other features having useful cases doesn't look like a reason not to work on line height step to me, when line-height-step complements line grid and box stepping (and vice-versa of course,) and CJK has been strongly demanding vertical rhythm for more than a decade even the simplest one. We're going to try to make CJK happy first, then try to spread to other authors, but other engines can take different orders, or make all of them happy at once. It's just great. On Sun, Apr 2, 2017 at 12:42 AM, Jet Villegas <jville...@mozilla.com> wrote: > During recent discussions with Koji Iishi, we said we would consider > this feature for implementation if we could find examples of content > authored for this feature that satisfy use cases from web and/or print > designers. I'd still love to see those examples ( authored by someone > outside the working group) before we commit to an implementation. In > other words, we said we'd do it if it was relatively straightforward > to implement *and* web authors outside the CSSWG has used the > experimental Chromium feature and is happy with the rendering. > > Koji: have you found such examples? > > Thanks, > > --Jet > > > On Thu, Mar 30, 2017 at 9:11 PM, Tommy Kuo <to...@mozilla.com> wrote: > > **Summary** > > > > I am intent to implement the property `line-height-step`. And it would > be disabled behind the pref `layout.css.line-height-step.enabled` by > default. It is a property to make authors create the content with vertical > rhythm easier. > > > > **Link to standard** > > > > CSS Rhythmic Sizing > > <https://drafts.csswg.org/css-rhythm/> > > > > > > **Bug Link** > > > > Bug 1343819 - Implement CSS property `line-height-step` > > <https://bugzilla.mozilla.org/show_bug.cgi?id=1343819> > > > > **Tests** > > > > There are already some test cases on web-platform-tests. > > <https://github.com/w3c/web-platform-tests/tree/master/css/css-rhythm-1> > > > > **Status on Other Browsers** > > > > *Blink* > > > > Blink is implemented in Issue 2704343003. > > <https://codereview.chromium.org/2704343003> > > > > Currently, this property only available in Chromium Developer Build 59. > To try this feature, you need to enable "Experimental Web Platform > features" in chrome://flags. > > > > *WebKit & Edge* > > > > Not support. > > > > **More About It** > > > > Vertical rhythm is a principle of typography. It is about spacing text. > More generally, it is about vertical stacked elements. We can create a more > comfortable layout with vertical rhythm. > > > > We can imagine that we're put all elements on a sheet of lined paper. > The sizes of elements are according to the size between the lines. > > > > For example, we set the font-size as 12px. And the line-height is 1.5x > of font-size, so it is 18px. We assume we want to put all elements on a > lined paper and the line size is 18px. For the normal text, we just put > them align the lines. If there is a title with 24px, to follow the vertical > rhythm, the size of the title should be multiple of the line size. We add > 6px to both over-side and under-side of the title, and the size of the > title would be 36px (2 * 18). > > > > > > - Tommy > > > > _______________________________________________ > > dev-platform mailing list > > dev-platform@lists.mozilla.org > > https://lists.mozilla.org/listinfo/dev-platform > _______________________________________________ dev-platform mailing list dev-platform@lists.mozilla.org https://lists.mozilla.org/listinfo/dev-platform
