If you want to use SASS/SCSS
For Nuxt V3
npm install --save-dev node-sass sass-loader
For Nuxt V2
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: