[css-variables] Example 5 choice of language

[aphillips]

(See Example 5)
https://www.w3.org/TR/css-variables-1/#defining-variables

A real-world example of 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 choice of German here isn't perhaps immediately illustrative. Choosing a language (such as French or Japanese) whose translation is more visually distinct might help understanding. Several reviewers noted that they thought the German looked like a typo.

[svgeesus]

Does someone have a good Japanese translation of "external link" in Japanese? @frivoal perhaps

[svgeesus]

I admit that I first read this as "link" vs. "Link" myself.

[svgeesus]

Example is now

		:root,
		:root:lang(en) {--external-link: "external link";}
		:root:lang(el) {--external-link: "εξωτερικός σύνδεσμος";}

		a[href^="http"]::after {content: " (" var(--external-link) ")"}

[svgeesus]

Additional example added

	--fijord: red;
	--fijord: green;
	--fijord: blue;

	.test {
		background-color: var(--fijord);
	}