[Bug] scss compile error with Adobe Dreamweaver 2020

[renegadesteve]

Version

1.3.1

Reproduction link

https://helpx.adobe.com/dreamweaver/how-to/basics-css-preprocessors.html?playlist=/services/playlist.helpx/products:SG_DREAMWEAVER_1_1/learn-path:intermediate-advanced/set-header:ccx-designer/playlist:basictraining/en_us.json&ref=helpx.adobe.com

Operating System

macOS 10.14.6

Device

NA

Browser & Version

NA

Steps to reproduce

1. Import now-ui-kit into site as structured in the zip file
2. Add under bootstrap link in index.html file
3. Add javascript to index.html
4. Open now-ui-kit.css that Dreamweaver creates at assets/scss

What is expected?

CSS reflecting any changes in the .scss file

What is actually happening?

Error in the css file:

Error: Base-level rules cannot contain the parent-selector-referencing character '&'.
on line 2 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss, in navbar-responsive' from line 231 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss, in navbar-collapse'
from line 2 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/_responsive.scss
from line 85 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit.scss

---

Solution

Additional comments

Entire output from the file:

/*
Error: Base-level rules cannot contain the parent-selector-referencing character '&'.
on line 2 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss, in navbar-responsive' from line 231 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss, in navbar-collapse'
from line 2 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/_responsive.scss
from line 85 of /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit.scss

1: /*!
2:
3: =========================================================
4: * Now UI Kit Pro - v1.3.1
5: =========================================================
6:
7: * Product Page: https://www.creative-tim.com/product/now-ui-kit-pro

Backtrace:
/Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss:2:in navbar-responsive' /Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/mixins/_navbar.scss:231:in navbar-collapse'
/Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit/_responsive.scss:2
/Users/steve/Dropbox/plated.gg/assets/scss/now-ui-kit.scss:85
/Applications/Adobe Dreamweaver 2020/Adobe Dreamweaver 2020.app/Contents/Resources/gems/rubygems/gems/sass-3.7.4/lib/sass/selector/comma_sequence.rb:31:in resolve_parent_refs' /Applications/Adobe Dreamweaver 2020/Adobe Dreamweaver 2020.app/Contents/Resources/gems/rubygems/gems/sass-3.7.4/lib/sass/tree/visitors/perform.rb:435:in visit_rule'