somascope
5/4/2020 - 6:20 PM

Vue with SCSS

A Vue file that imports a main scss file.

src/scss/main.scss: @import "./variables.scss"; @import "./media.scss";

body { margin: 0; }

vue-scss
content_copyfile_download
<style lang="scss">
@import "@/scss/main.scss";

/* your component-specific */
.resources {
  background-color: $grayLight;
  margin: auto;
}

</style>