<script>
export default {
}
</script>

<template>
<div>
  <div class="stylus-bounds stylus-imported">
    {{'StylusImportFile.vue\n'
    + '\n'
    + '<style scoped lang=\'stylus\'>\n'
    + '@import \'./TextSettings\';\n'
    + '</style>\n'
    + '\n'
    + '=================\n'
    + 'TextSettings.styl\n'
    + '\n'
    + '.stylus-imported {\n'
    + '  color: #126085;\n'
    + '  font-size: 14;\n'}}
        <div class="stylus-nesting">
      {{'   .stylus-nesting {\n'
      + '     color: #5149a1;\n'
      + '    }' }}
    </div>
  </div>
</div>
</template>

<style scoped lang='stylus'>
@import './TextSettings';
.stylus-bounds {
  left: 10;
  top: 0;
  width: 230;
  height: 280;
}
</style>