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.

Reply via email to