Re: [csswg-drafts] [css-align][css-inline] Support for aligning items to the center of the first line. (#9854)

Checkboxes and leading icons are a classical use case. I'm solving the same issue right now in our [design system](https://github.com/lmc-eu/spirit-design-system/blob/feature/web-toast/packages/web/src/scss/components/Toast/_ToastBar.scss):

I need the icon to **visually** stick to the center of the first line which is only possible when the height of the icon is the same as the line height of the text (which is luckily our case, so no padding tweaks are needed). Then both elements can be **technically** aligned to `start`. Exactly for this, an option to align the icon to the center of the first line would prove useful.

<img width="489" alt="obrazek" src="https://github.com/w3c/csswg-drafts/assets/5614085/7f6395fa-e3b9-4986-be68-21ae02377cfe">


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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Friday, 23 February 2024 17:51:59 UTC