Topic: Sass error compiling Pro Stepper steppers.scss:
I assumed that if I want to use Steppers in compile via sass I need to import steppers.scss. But doing so gives the error below
Expected behavior Stepper Pro css would be included by default. Or at least importing steppers.scss should compile without error
Actual behavior
ERROR in ./resources/assets/sass/vendor.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/lib/loader.js):
& ul.stepper.horizontal .step-new-content,
^
Top-level selectors may not contain the parent selector "&".
╷
332 │ ┌ & ul.stepper.horizontal .step-new-content,
333 │ │ & ul.stepper.horizontal .step-actions {
│ └────────────────────────────────────────^
╵
node_modules/mdbvue/build/scss/addons-pro/_steppers.scss 332:3 @import
Resources (screenshots, code snippets etc.)
This is in a laravel based project using webmix. There are no other compile errors (MDBVue is latest 5.4)
Please advise how to proceed
Mikołaj Smoleński staff answered 6 years ago
Hi there,
As You can see in our docs, there is no need to add extra SCSS files to use Stepper component: https://mdbootstrap.com/docs/vue/components/stepper/
Best regards
londoh pro answered 6 years ago
thanks for reply
I've copied mdb.scss into my project so I can be selective about which components to use. Looking thru it I saw those commented out Pro files.
So can you please confirm if any of the commented Pro files are required for their relevant components:
// Pro addons Blockquote // @import "addons-pro/steppers";
// @import "addons-pro/timeline";
// @import "addons-pro/cards-extended";
// @import "addons-pro/chat";
Mikołaj Smoleński staff commented 6 years ago
Hi there again,
You don't need any of those files for MDB Vue version.
Best regards
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB Vue
- MDB Version: 5.3.0
- Device: any
- Browser: any
- OS: any
- Provided sample code: No
- Provided link: No