Weekly news: Truncating muti-line text calc() in custom property values Contextual Alternates7/25/2019 In this week's roundup, WebKit's method for truncating multi-line text gets some love, a note on calculations using custom properties, and a new OpenType feature that prevents typographic logjams. Truncating mutli-line textThe CSS Note that Autoprefixer doesn't generate any prefixes for you in this case. You need to use the following four declarations exactly (all are required):
(via Autoprefixer) Calculations in CSS custom property valuesIn CSS, it is currently not possible to pre-calculate custom property values (spec). The computed value of a custom property is its specified value (with variables substituted); therefore, relative values in ![]()
It may appear that the calculation in the above example is performed on the root element, specifically that the relative value But that's not what's happening here. The computed value of
Finally, the calculation is performed and the relative (via Tab Atkins Jr.) Contextual AlternatesThe "Contextual Alternates" OpenType feature ensures that characters don't overlap or collide when ligatures are turned off. You can check if your font supports this feature on wakamaifondue.com and enable it (if necessary) via the CSS ![]() (via Jason Pamental) Announcing daily news on webplatform.news![]() I have started posting daily news for web developers on webplatform.news. Visit every day! The post Weekly news: Truncating muti-line text, calc() in custom property values, Contextual Alternates appeared first on CSS-Tricks. from CSS-Tricks https://css-tricks.com/weekly-news-truncating-muti-line-text-calc-in-custom-property-values-contextual-alternates/ Weekly news: Truncating muti-line text, calc() in custom property values, Contextual Alternates is republished from www.instant-web-site-tools from https://www.instant-web-site-tools.com/2019/07/26/weekly-news-truncating-muti-line-text-calc-in-custom-property-values-contextual-alternates/
0 Comments
Leave a Reply. |