Hi Alex, Om,

I'm referring to what Om's describe. In MDL and the rest of frameworks we
pass for example "primary" and "accent" color. In this way the final CSS
gets the colors in all rules they need to use hardcoded. Please check the
following link:

https://getmdl.io/customize/index.html

then we get a CSS with the colors applied. This is done with SASS
processing, but I was asking if we can get this out-of-the-box with royale
since we are using a compiler, or we have another trick that we could use
to get the same result. Another way with CSS could be to use variables in
CSS but maybe this is not still part of the actual browsers support or we
don't support it in our CSS processing.

If not, I'll need to introduce SASS processing in the chain in some way.



2018-03-08 4:33 GMT+01:00 OmPrakash Muppirala <[email protected]>:

> Carlos,
>
> In SASS, there are variables, but you cannot pass variables into it from
> the app.  The variables in SASS are compiled down to CSS as hardcoded
> values, that's it.
>
> Usually, multiple class values are created and we set the class property on
> an element using a string evaluation.
>
> For example:
>
> var colorName = this.hasWarning() ? "Red" : "Blue";
> var className:String = "button" + colorName + "Class";
>
> element.setAttribute("class", className);
>
> In the css:
>
> .buttonRedClass {
>     color: darkred;
> }
>
> .buttonBlueClass {
>     color: lightskyblue;
> }
>
> This is one way of doing things.
>
> The other way is to directly set the .style property of the element and
> apply the color there.  Not very elegant, but should work.
>
> Hope that helps.
>
> Thanks,
> Om
>
> On Wed, Mar 7, 2018 at 3:18 PM, Carlos Rovira <[email protected]>
> wrote:
>
> > Hi,
> >
> > I'd need to pass two or three colors to a CSS (i.e: primary, secondary
> and
> > accent)
> > in other frameworks people use things like SASS
> > Maybe in Royale we could get it in our own way
> >
> > any suggestion so that I could test?
> >
> > thanks!
> >
> > --
> > Carlos Rovira
> > http://about.me/carlosrovira
> >
>



-- 
Carlos Rovira
http://about.me/carlosrovira

Reply via email to