<script>
export default {
}
</script>

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

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