Use materialize css classes in React4s components

Hello @Ahnfelt,

We are using React4s way of applying css to components. Css support react4s provides is excellent.

We have a use case where we want to use css classes provided by materialize css .

For now one workaround we found is, We want to have TopBarCss (react4s CssClass) and read-text(materialize css class)

 E.div(
        TopBarCss,
        A.className("red-text", TopBarCss.name),
        E.span(
          BrandTitleCss,
          Text("My title")
        )
      )

What is standard way to do this?

[Ahnfelt]

Fixed in v0.9.15

[Ahnfelt]

Unfortunately not; the CSS composition feature relies on having access to the styles of the composed CssClasses at generation time (eg. during offline rendering).

tir. 14. aug. 2018 kl. 07.38 skrev Poorva Gokhale <[e-mail]

:

Hello @Ahnfelt https://github.com/Ahnfelt , thank you for external css class support 👍

I have one question regarding composing css classes. Like in React4s, I can compose css classes ResultTitleAreaCss and OperationTitleCss e.g.-

object ResultTitleAreaCss extends CssClass( OperationTitleCss, S.position.fixed(), S.left(“52%”), S.top.px(55) )

Now I am wondering if I want to compose third party css class say red-text, is there any way to do this. Or I am not sure is this requirement even feasible using css?

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/Ahnfelt/react4s/issues/15#issuecomment-412760104, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEyiMQbriLZJ6eFdBGFFUg4vUjD2eqAks5uQmJDgaJpZM4V58VK .