Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Invalid pod-styles.sass with recent versions of sass #301

Closed
richard-viney opened this issue Oct 10, 2018 · 11 comments
Closed

Invalid pod-styles.sass with recent versions of sass #301

richard-viney opened this issue Oct 10, 2018 · 11 comments

Comments

@richard-viney
Copy link

Encountered the following error while looking at moving a project from BEM+Sass to ember-component-css:

Sass Syntax Error (SassCompiler) in /app/styles/pod-styles.sass:1:58

Error: semicolons aren't allowed in the indented syntax.
@import "styles/component-styles/animation-selector.sass";
                                                         ^
  tmp/sass_compiler-input_base_path-BJ832gH0.tmp/app/styles/pod-styles.sass 1:58  root stylesheet
  tmp/sass_compiler-input_base_path-BJ832gH0.tmp/app/styles/app.scss 1:9          root stylesheet

Stack Trace and Error Report: /tmp/error.dump.3a37c6f4d516a6d17ffacfdf0420b591.log

Generated pod-styles.sass:

$ cat tmp/sass_compiler-input_base_path-BJ832gH0.tmp/app/styles/pod-styles.sass

@import "styles/component-styles/animation-selector.sass";

Seems as though the generated pod-styles.sass shouldn't be including semicolons like it's currently doing?

Relevant versions:

ember-component-css: 0.6.5
ember-source: 3.4.5
ember-cli: 3.4.3
ember-cli-sass: 8.0.1
yarn sass --version: 1.14.0 compiled with dart2js 2.0.0
@webark
Copy link
Owner

webark commented Oct 12, 2018

@richard-viney i’ll try to look into this next week. Please feel free to ping me here or in discord if i do not.

@luketheobscure
Copy link

Same issue here, except running sass 1.14.1.

I tested all the way back to ember-component-css v0.5.0 and I get the same issue. Must be a problem with newer versions of ember-cli-sass.

@luketheobscure
Copy link

Dropping down to ember-cli-sass v7.2.0 fixes the issue.

@webark
Copy link
Owner

webark commented Oct 13, 2018

ya.. the you used to be able to do semi colons in sass.. now you can’t..

return new Replace(styleManifest, {

this little part from the new way of doing this needs to be brought over.

@richard-viney
Copy link
Author

Great, let me know if there's anything I can do.

@richard-viney
Copy link
Author

Btw when you mentioned the 'new way', is that on a working branch somewhere?

@webark
Copy link
Owner

webark commented Oct 25, 2018

you can look at PR #300
Sorry.. getting ready to go on praternity leave in the next few weeks, so things are busy at work and life right now.

@anulman
Copy link
Contributor

anulman commented Oct 26, 2018

@webark Catching up on all the threads and just saw this. Congratulations!

webark added a commit that referenced this issue Dec 11, 2018
… presnet, removing them from the style manifest. fixes issue #301
@richard-viney
Copy link
Author

Great, looks like this has been addressed in 0.6.7. Shall we close this issue?

@anulman
Copy link
Contributor

anulman commented Jan 23, 2019

Omg is it? I am so excited to upgrade :)

@webark
Copy link
Owner

webark commented Feb 1, 2019

this should be fixed in 0.6.7.

@webark webark closed this as completed May 23, 2019
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants