Re: [css-counter-styles] allow use of CSS4 "alt" property with @counter-style/symbols from Tab Atkins Jr. on 2014-07-07 (www-style@w3.org from July 2014)

From: Tab Atkins Jr. <jackalmage@gmail.com>
Date: Mon, 7 Jul 2014 15:10:41 -0700
To: Christoph Päper <christoph.paeper@crissov.de>
Cc: www-style list <www-style@w3.org>
Message-ID: <CAAWBYDBvOaOj2tX=Ci0b_DpmRr2UE_n7N_DFGBwpHnRa2eoWkQ@mail.gmail.com>

On Mon, Jul 7, 2014 at 2:56 PM, Christoph Päper
<christoph.paeper@crissov.de> wrote:
> I’m not sure I completely understand the problem, but this looks saner:
>
>   :root, /* default */
>   :root:lang(en) {--input: "Input";   --output: "Output";}
>   :root:lang(es) {--input: "Entrada"; --output: "Salida";}
>   :root:lang(de) {--input: "Eingabe"; --output: "Ausgabe";}
>
>   @counter-style io {
>     system: cyclic;
>     symbols: '⋗' '⋖';
>     suffix: " ";
>     speak-as: io-spoken;
>   }
>   @counter-style io-spoken {
>     system: cyclic;
>     symbols: var(--input), var(--output);
>     suffix: ": ";
>     speak-as: words;
>   }
>   ul.io {
>     counter-style: io;
>   }

You can't use var() like that; there's no property to draw it from.

~TJ

Received on Monday, 7 July 2014 22:11:28 UTC