export default defineNuxtConfig({
css: [
"~/assets/styles/vars.css",
"~/assets/styles/reset.css",
"~/assets/styles/override-datepicker.css",
"~/assets/styles/override-select.css"
],
modules: ["@pinia/nuxt", "@formkit/nuxt"],
buildModules: [],
build: {
transpile: ["@vuepic/vue-datepicker", "maska", "date-fns"]
},
vite: {
css: {
preprocessorOptions: {
scss: {
additionalData:
'@import "./assets/styles/adaptive.scss"; @import "./assets/styles/fonts.scss"; @import "./assets/styles/buttons.scss"; @import "./assets/styles/global.scss";'
}
}
}
}
})css: [
// Load a Node.js module directly (here it's a Sass file).
'bulma',
// CSS file in the project
'@/assets/css/main.css',
// SCSS file in the project
'@/assets/css/main.scss'
]
И скорее всего это создаст эффект паралакса по вертикали, а нужно последовательное наложение блоков в одну сторону