elm-css: Comment donner une valeur à `opacity`

Question

Je joue avec elm-css. La plupart des choses fonctionnent comme je les attends. Mais je ne suis pas en mesure de donner une valeur correcte à la fonction Css.opacity.

Voici ce que j'ai essayé:

Css.opacity 0.5 

qui donne l'erreur:

Function `opacity` is expecting the argument to be: 

    Css.Number compatible 

But it is: 

    Float 

Le Css.Number est un alias de type sous la forme suivante:

type alias Number compatible = 
    { compatible | value : String, number : Compatible } 

Mais je Je ne comprends pas comment créer une valeur valide pour la fonction Css.opacity ...

Answer 1

Vous pouvez créer des entrées pour opacity en utilisant l'une des fonctions « sans unité », comme Css.int ou Css.num. Par exemple:

-- 42% opaque 
translucent = Css.opacity (Css.num 0.42) 

Il est "sans unité" parce que la propriété CSS d'opacité does not define a unit like px or percent.