Re: [csswg-drafts] [css-inline] Leading control at start/end of block from Weston Thayer via GitHub on 2018-10-23 (public-css-archive@w3.org from October 2018)

From: Weston Thayer via GitHub <sysbot+gh@w3.org>
Date: Tue, 23 Oct 2018 18:56:20 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-432375650-1540320978-sysbot+gh@w3.org>

Another common pain point today is vertical centering. It's easy to vertically center the text container to an icon, but that often isn't the intended visual effect:

![type vertically centered to the right of a square icon. visually it's too low when space is equally distributed above or below the container](https://user-images.githubusercontent.com/709153/47383687-133fa780-d6ba-11e8-80b6-13c08df8a99a.png)

What I usually want is:

![type vertically centered to the right of a square icon, but this time the container is hidden and space is distributed equally above and below the top and bottom of a capital M](https://user-images.githubusercontent.com/709153/47383751-38341a80-d6ba-11e8-8cc6-cde2417f0574.png)

`leading-trim` would enable some new possibilities, like swapping out fonts without breaking the design intent:

![a GIF of the same icon and type, where the typeface is changing, however the vertically centered alignment is perfectly preserved](https://user-images.githubusercontent.com/709153/47383795-56017f80-d6ba-11e8-8442-0fc2dabf676b.gif)


-- 
GitHub Notification of comment by WestonThayer
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/3240#issuecomment-432375650 using your GitHub account

Received on Tuesday, 23 October 2018 18:56:22 UTC