Hi Matt, For using a div as if it were a button, I would like to make the caption-text un-selectable when there is any mousemovement during click. This could be done with vendor-prefixed `user-select: none` according https://stackoverflow.com/questions/826782/how-to-disable-text-selection-highlighting-using-css Any chance of this feature in Style-elements-lib?
Thx Lawrence Op maandag 31 oktober 2016 16:04:24 UTC+1 schreef Matthew Griffith: > > 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]> 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]. >>> 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.
