Sass error compiling Pro Stepper steppers.scss:


Topic: Sass error compiling Pro Stepper steppers.scss:

londoh pro asked 6 years ago

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


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • 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
Tags