lesscss: how to reparse everything from javascript?

Question

My less file is dependent on many variables such as:

@fontRegular:       "AvenirNextCondensed-Regular";

And classes make use of those variables, as follows:

.thisClass {
   font-family: @fontRegular;
}

As you can expect, I need to retheme on-the-fly.

The theme itself redefines those variable, as follows):

@fontRegular:       "HelveticaNeue";

How can I require less to reparse everything (I mean my less file) and how can I change the variables first?

Thank you, modifyVars was exactly what I was looking for, you made my day @seven-phases-max. Create an answer and I accept it. — Stéphane de Luca
– Stéphane de Luca, Commented Jun 24, 2014 at 17:41
Sorry, I'm lazy. Feel free to answer yourself and accept your own :) — seven-phases-max
– seven-phases-max, Commented Jun 24, 2014 at 19:27

Stéphane de Luca · Accepted Answer · 2014-07-01 14:57:14Z

1

Simply invoke less from you javascript (in this case, it's from my controller) as follows:

    less.modifyVars(
        $scope.config.fontStyleHelveticaNeue? {
            '@fontRegular':     "HelveticaNeue",
            '@fontUltraLight':  "HelveticaNeue-UltraLight",
            '@fontDemiBold':    "HelveticaNeue-CondensedBold"
        }
        : {
            '@fontRegular':     "AvenirNextCondensed-Regular",
            '@fontUltraLight':  "AvenirNextCondensed-UltraLight",
            '@fontDemiBold':    "AvenirNextCondensed-DemiBold"
        }
    );

Where on the example above, all @-prefixed words are my less variables I update (actually, there are two set there). Less will rebuild all the css automatically.

answered Jul 1, 2014 at 14:57

Stéphane de Luca

13.7k10 gold badges70 silver badges118 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

lesscss: how to reparse everything from javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related