<script>
export default {
}
</script>

<template>
<div>
  <div class="scss-map">
    {{'$font-sizes: (\n'
    + '  small: 10, medium: 14, large: 18,\n'
    + ');\n'
    + '.scss-map {\n'
    + '  font-size: map-get($font-sizes,\n'
    + '                     medium);\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang='scss'>
$font-sizes: (
  small: 10, medium: 14, large: 18,
);

.scss-map {
  font-size: map-get($font-sizes,
                     medium);

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