<script>
export default {
}
</script>

<template>
<div>
  <div class="scss-mixin">
    {{'@mixin font($size) {\n'
    + '  font-size: $size;\n'
    + '}\n'
    + '.scss-mixin {\n'
    + '  @include font(14);\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang='scss'>
@mixin font($size) {
  font-size: $size;
}

.scss-mixin {
  @include font(14);

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