- From: Addison Phillips via GitHub <sysbot+gh@w3.org>
- Date: Thu, 10 Mar 2022 17:40:31 +0000
- To: public-css-archive@w3.org
aphillips has just created a new issue for https://github.com/w3c/csswg-drafts:
== [css-variables] Example 5 use of :root ==
(See Example 5)
https://www.w3.org/TR/css-variables-1/#defining-variables
> A real-world example of [custom property](https://www.w3.org/TR/css-variables-1/#custom-property) usage is easily separating out strings from where they’re used, to aid in maintenance of internationalization:
```
:root,
:root:lang(en) {--external-link: "external link";}
:root:lang(de) {--external-link: "externer Link";}
a[href^="http"]::after {content: " (" var(--external-link) ")"}
```
> The variable declarations can even be kept in a separate file, to make maintaining the translations simpler.
The example used the `:root` to get at the language of the document rather than the contextual `:lang` value. We (I18N) don't understand why that would be desired?
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7132 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 10 March 2022 17:40:33 UTC