Skip to content
New issue

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

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

Already on GitHub? Sign in 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
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants