Yeah, this library is more about smart styling in elm rather than interfacing with polymer. Since we can do mixins in elm, native mixins probably won't be supported :/
I have thought that you could make a polymer or mdl type library in pure elm using the style-elements library, though it would just cover the styling/animation portion, not full behavior type stuff. You've probably seen the thread discussing elm and polymer, the result of that discussion might fit your needs more closely once they finish. On Monday, October 31, 2016 at 9:40:37 AM UTC-4, Ed Ilyin wrote: > > yeah, but to use polymer elements, native css mixins are required :( > > Il giorno lun 31 ott 2016 alle ore 14:51 Matthew Griffith < > [email protected] <javascript:>> ha scritto: > >> No, it won't render as a native css mixin, it just gives you the >> functionality of a mixin in your elm code. >> >> >> >> On Monday, October 31, 2016 at 7:55:38 AM UTC-4, Ed Ilyin wrote: >> >>> Will it render native CSS mixin? >>> >>> Actually I can't figure out how to create native CSS mixins even using >>> elm-css module. >>> >>> Il giorno lun 31 ott 2016 alle ore 13:49 Matthew Griffith < >>> [email protected]> ha scritto: >>> >>>> You can create a mixin as a function. >>>> >>>> >>>> >>>> myMixin : Style.Model -> Style.Model >>>> myMixin style = >>>> { style >>>> | visibility = hidden >>>> } >>>> >>>> myMixinColor : Style.Model -> Style.Model >>>> myMixinColor style = >>>> { style >>>> | colors = palette.blue >>>> } >>>> >>>> >>>> dropDown : List (Html.Attribute a) -> List (Element a) -> Element a >>>> dropDown = >>>> element >>>> ({ base >>>> | width = px 300 >>>> , padding = all 20 >>>> , spacing = topBottom 40 >>>> } >>>> |> myMixin >>>> |> myMixinColor >>>> ) >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> >>>> On Monday, October 31, 2016 at 5:16:43 AM UTC-4, Ed Ilyin wrote: >>>> >>>>> I'm actively using Polymer Paper Elements. And they accept mixings >>>>> like this: >>>>> ```css >>>>> paper-dropdown-menu { >>>>> --paper-input-container-input: { >>>>> color: white; >>>>> } >>>>> --paper-input-container-underline: { >>>>> display: none; >>>>> } >>>>> --paper-dropdown-menu-icon: { >>>>> color: white; >>>>> } >>>>> --paper-input-container-focus-color: white; >>>>> } >>>>> ``` >>>>> how to do the same using style-elements library? >>>>> >>>>> Il giorno ven 28 ott 2016 alle ore 19:34 Matthew Griffith < >>>>> [email protected]> ha scritto: >>>>> >>>> So, taking a look at it, direct support for keyed will be super easy >>>>>> and will absolutely show up in v1.1.0. >>>>>> >>>>>> And I believe I have a way to directly support lazy as well, though I >>>>>> want to try it out before confirming completely. >>>>>> >>>>>> >>>>>> >>>>>> >>>>>> On Friday, October 28, 2016 at 12:28:17 PM UTC-4, Mark Hamburg wrote: >>>>>> >>>>>>> On Oct 28, 2016, at 7:28 AM, Matthew Griffith <[email protected]> >>>>>>> wrote: >>>>>>> >>>>>>> 2. You can use Keyed and Lazy on a parent element (the one created >>>>>>> by *Style.Elements.build*). You could use *Style.Elements.build* in >>>>>>> a child view and then use *Style.Elements.html *to integrate it >>>>>>> into the main view, using keyed or lazy in the process. That feels a >>>>>>> bit >>>>>>> roundabout and I believe there could be a better way. I'll just have >>>>>>> to >>>>>>> give it some thought as to how it'd work :). >>>>>>> >>>>>>> >>>>>>> Keyed as it turns out is central to getting stateful DOM elements to >>>>>>> behave reliably. >>>>>>> >>>>>>> But I'm looking forward to trying this library out. >>>>>>> >>>>>>> Mark >>>>>>> >>>>>>> -- >>>>>> You received this message because you are subscribed to the Google >>>>>> Groups "Elm Discuss" group. >>>>>> >>>>> To unsubscribe from this group and stop receiving emails from it, send >>>>>> an email to [email protected]. >>>>> >>>>> >>>>>> For more options, visit https://groups.google.com/d/optout. >>>>>> >>>>> -- >>>> You received this message because you are subscribed to the Google >>>> Groups "Elm Discuss" group. >>>> To unsubscribe from this group and stop receiving emails from it, send >>>> an email to [email protected]. >>>> For more options, visit https://groups.google.com/d/optout. >>>> >>> -- >> You received this message because you are subscribed to the Google Groups >> "Elm Discuss" group. >> To unsubscribe from this group and stop receiving emails from it, send an >> email to [email protected] <javascript:>. >> For more options, visit https://groups.google.com/d/optout. >> > -- You received this message because you are subscribed to the Google Groups "Elm Discuss" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. For more options, visit https://groups.google.com/d/optout.
