Nuxt Import Global CSS/SCSS

February 21, 2021

If you want to use SASS/SCSS

npm install –save-dev node-sass sass-loader

npm install --save-dev sass sass-loader@10 fibers

Edit nuxt.config.js

export default {
  css: [
    '~/assets/styles/app.scss'
  ]
}

Edit assets/styles/app.scss.

$theme-colors: (
  "primary": #17a2b8,
  "secondary": #A4A4A4,
);

@import 'bootstrap/scss/bootstrap';
@import 'bootstrap-vue/src/index.scss';

.app {
  font-family: Camphor,Open Sans,Segoe UI,sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #4e566d;
  font-size: 15px;
  line-height: 26px;
}

References:

This work is licensed under a
Creative Commons Attribution-NonCommercial 4.0 International License.