48759320.md

Demo

exampe-1.less

// usage:

@default-volume-color: white;

.test-1 {
    .volume-color(novel, 1);
     color: @volume-color; 
}

.test-2 {
    .volume-color(novel, 33);
     color: @volume-color; 
}

.test-3 {
    .volume-color(vonel, -22);
     color: @volume-color; 
}

// ...........................
// impl.:

.volume-color(@media, @volume) {@volume-color: @default-volume-color}
.volume-color(novel,  @volume) {@volume-color: green}
.volume-color(novel, 1)        {@volume-color: red}
.volume-color(novel, 0)        {@volume-color: @default-volume-color}

exampe-2.less

// usage:

@volume-color: white;

.test-1 {
    .volume-color(novel, 1);
     color: @volume-color; 
}

.test-2 {
    .volume-color(novel, 33);
     color: @volume-color; 
}

.test-3 {
    .volume-color(something-else, -22);
     color: @volume-color; 
}

// ...........................
// impl.:

.volume-color(...) {}
.volume-color(novel, 1) {@volume-color: red}
.volume-color(novel, @volume)
    when (@volume > 2)  {@volume-color: green}