Re: [css-variables][i18n] :lang() Example

> On Tue, Jun 17, 2014 at 4:44 AM, Christoph Päper
> <christoph.paeper@crissov.de> wrote:
> > I believe the spec of the Custom Properties for Cascading Variables 
> > module would benefit from an example that showed how to use variables 
> > for internationalization, e.g.
> >
> >   :root, /* default */
> >   :root:lang(en) {--external-link: "external link";}
> >   :root:lang(de) {--external-link: "externer Link";}
> >
> >   a[href^="http"]::after {content: " (" var(--external-link) ")"}
> >
> > Features and values from GCPM etc. are more powerful if used this way.
>
> Are you using this in more than one place?  If not, it seems to be
> simpler to just put the :lang() on the a selector.

But you may want to create a single file containing the data to translate. 
You usually don't want your translator to have to deal with your entire CSS, 
just the strict minimum relevat to them.

Received on Tuesday, 17 June 2014 17:54:56 UTC