Syntax error inside "styles\core\_core.scss" li99 preventing SASS compilation

Posted by: bertrandgaillard on 21 August 2018, 11:17 am EST

  • Posted 21 August 2018, 11:17 am EST

    Following this blogpost:
    https://www.grapecity.com/en/blogs/customizing-javascript-styles-with-sass

    I customized my theme using some of my existing SASS variables.
    Thanks for this new 'feature', that's a great addition!

    But there's a syntax mistake preventing SASS compilation inside styles\core\_core.scss

    &.wj-state-disabled, .wj-state-disabled {
    opacity: .75;
    cursor: default;
    pointer-events: none;
    }


    Module build failed:
    &.wj-state-disabled, .wj-state-disabled {
    ^
    Base-level rules cannot contain the parent-selector-referencing character '&'.
    in node_modules\wijmo\styles\core\_core.scss (line 99, column 1)


    When I remove &.wj-state-disabled, everything works fine.
    I use the latest 5.20182.500 version available throught npm or direct download.
  • Marked as Answer

    Replied 22 August 2018, 5:52 am EST

    Hi,
    We are sorry for the inconvenience.
    This is a known issue to us and it has been fixed. It will be included in the next maintenance release.
    In the meantime, you may fix it at your end by changing the following in _core.scss file:
    /* _core.scss line 99 (Current 5.20182.500) */
    &.wj-state-disabled, .wj-state-disabled {

    /* _core.scss line 99 (Fix) */
    .wj-state-disabled {


    ~Sharad
Need extra support?

Upgrade your support plan and get personal unlimited phone support with our customer engagement team

Learn More

Forum Channels