在elm-mdl中使用elm-css

Question

我试图使用elm-mdl属性对elm-css组件进行样式设置：

Button.render Mdl
  [ 5 ]
  model.mdl
  [ Button.colored
  , Button.raised
  , Button.ripple
  , marginRight (px 20)
  ]
  [ text "Register" |> toUnstyled ]
  |> fromUnstyled

但是行marginRight (px 20)会生成一个错误，因为Button需要一个Button.Property m，而marginRight (px 20)是一个Style。

是否有任何函数调用序列可以转换由elm-css创建的CSS样式，使其可由elm-mdl使用？

目前，我正在使用Material.Options.css "margin-right" "20px"，但是wuold更喜欢使用elm-css来保证类型的安全性。

Answer 1

据elm-css软件包的作者Richard说，这是不可能的：https://github.com/rtfeldman/elm-css/issues/336

Answer 2

您可以使用以下内容：

toMdlCss : Attribute a -> Material.Options.Property c a
toMdlCss a =
    Material.Options.attribute a

然后：toMdlCss <| style [( "padding", "10px" )]