LessCss call css class from html code

Question

I have a asp.net page this asp.net page changes color based on the application area there are 5 application area's each application area has its own color .

I need to change the color of the page based on the application area selected. I need to use lesscss and reuse existing css to change the color .

Is it possible to call a less css class from the html passing it the color based on the applciation area . Or any other way ?

How do i go about this ?

You would probably have to create different classes (either by hand-coding or using mixins) and then use them like here. — Harry
– Harry, Commented Jul 30, 2014 at 8:29

Alexander Manekovskiy · Accepted Answer · 2014-07-30 08:26:59Z

1

You can create one less file that will define all your base styles that are dependent on color parameter and then, for each site area create a separate less file that will override the color and import the base file. You'll get a separate styles file for each area:

styles.less:

// Define default color value
@color: blue;
.foo {
    color: @color;
}

red-styles.less:

// import base classes 
@import "relative-path-to-base-styles\styles.less";

// override default value for color
@color: red;

answered Jul 30, 2014 at 8:26

Alexander Manekovskiy

3,2031 gold badge28 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

LessCss call css class from html code

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