<script>
export default {
}
</script>

<template>
<div>
  <div class="less-conditional">
    {{'@show-green: false;\n'
    + '.less-conditional {\n'
    + '  color: if(@show-green,\n'
    + '            #00FF00,\n'
    + '            #126085);\n'
    + '}\n'}}
  </div>
</div>
</template>

<style scoped lang="less">
@show-green: false;
.less-conditional {
  color: if(@show-green,
            #00FF00,
            #126085);

  font-size: 14;
  left: 10;
  top: 5;
  width: 220;
  height: 140;
}
</style>