<script>
export default {
}
</script>

<template>
<div>
  <div class="less-map">
    {{'@font-sizes: {\n'
    + '  small: 10; medium: 14; large: 18;\n'
    + '}\n'
    + '.less-map {\n'
    + '  font-size: @font-sizes[medium];\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang='less'>
@font-sizes: {
  small: 10; medium: 14; large: 18;
}

.less-map {
  font-size: @font-sizes[medium];

  color: #126085;
  left: 10;
  top: 3;
  width: 230;
  height: 140;
}
</style>