<script>
export default {
}
</script>

<template>
<div>
  <div class="stylus-extend">
    {{'.stylus-basic {\n'
    + '  color: #126085;\n'
    + '}\n'
    + '.stylus-extend {\n'
    + '  @extend .stylus-basic;\n'
    + '  font-size: 14;\n'
    + '}'}}
  </div>
</div>
</template>

<style scoped lang='stylus'>
.stylus-basic {
  color: #126085;
}

.stylus-extend {
  @extend .stylus-basic;
  font-size: 14;
  
  left: 10;
  top: 3;
  width: 230;
  height: 140;
}
</style>