Установить переменную в состоянии

Question

Мне нужно установить переменную в МЕНЬШЕ на основании условий.

@body-background-color: black; 
@post-background-color: white; 
@post-stacked-effect: true; 

.content-padding() when (@body-background-color = @post-background-color) and not (@post-stacked-effect = true){ 
    @content-padding: 0px; 
} 
.content-padding() when not (@body-background-color = @post-background-color), (@post-stacked-effect = true) { 
    @content-padding: 20px; 
} 
body { 
    .content-padding(); 
    content: "@{post-stacked-effect}"; 
    padding: @content-padding; 
    background-color: @body-background-color; 
    .post { 
     background-color: @post-background-color; 
    } 
    .some-math { 
      margin: -@content-padding -@content-padding @content-padding; 
    } 
} 

@ content-padding всегда 0px. Не могли бы вы помочь мне исправить это условие?

Answer 1

Его ошибка в PHP Меньше компилятора. Я должен сделать обходной путь PHP.

Когда я готовлю переменные для этой компиляции, я добавил функцию, которая вычисляет заполнение в php и вводит его в LESS.

Его единственная строка в PHP.

$lessvars["content-padding"] = 
    ($lessvars["body-background-color"] == $lessvars["post-background-color"] && 
    !filter_var($lessvars["post-stacked-effect"], FILTER_VALIDATE_BOOLEAN)) 
    ? "0px" : "20px"; 

Answer 2

Вы создаете новую область с 'when' охраняемом Mixin, которая не видна снаружи.

Так что это даже не должно работать, и, конечно же, это не ошибка.

Вместо этого вы можете создать функцию и вызвать ее из «когда».

@body-background-color: black; 
@post-background-color: white; 
@post-stacked-effect: true; 

body { 

    .padding(@padding) 
    { 
     padding: @padding; 

     .some-math 
     { 
      margin: @padding + 2em; 
     } 
    } 


    & when (@body-background-color = @post-background-color) and not (@post-stacked-effect = true){ 
     .padding(0px); 
    } 

    & when not (@body-background-color = @post-background-color), (@post-stacked-effect = true) { 
     .padding(20px); 
    } 
} 

я удалил ненужную CSS, и переименовал его, потому что форматы StackOverflow дефис имена функций причудливо.