<script>
export default {
}
</script>

<template>
<div>
  <div class="stylus-conditional">
    {{'$show-green = true\n'
    + '.stylus-conditional {\n'
    + '  if $show-green {\n'
    + '    color #00FF00\n'
    + '  } else {\n'
    + '    color #126085\n'
    + '  }\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang="stylus">
$show-green = false
.stylus-conditional {
  if $show-green {
    color: #00FF00;
  } else {
    color: #126085;
  }

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