less - ある変数の値を別の変数に基づいて条件付きで設定する

Question

という Less 変数があります@side。私が望むのは、変数@sideOppositeの値に応じて変数を設定すること@sideです。「左」または「右」の 2 つの値のみを取ることができます。

つまり、JS コードに相当する Less が必要です。

var side = "left",
    sideOpposite = (side === "left")? "right" : "left";

関数を使用してこれを達成しようとしましたwhenが、私が理解していることから、そのようには機能せず、変数ではなく CSS プロパティにのみ適用されます。

when (@side = right){
  @sideOpposite: left;
}
when (@side = left){
  @sideOpposite: right;
}

Answer 1

あなたが何をしたいのか理解できたかどうかはわかりませんが、あなたの質問について私が得たものから、ミックスインでこれを行うことができます。例を見る

//This is the mixin with default value
.side(@leftORoposite: left) { float: @leftORoposite ;} 

.side(left)で残す必要がある場合、またはで右にする必要がある場合は、この mixin を呼び出します.side(right)。