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

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

    • Post Options:
    • Link

    Posted 21 August 2018, 2: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.

  • Posted 21 August 2018, 8:52 pm 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