question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

SASS / CSS support, what am I missing?

See original GitHub issue

Hi there again,

sorry for the multiple issues, I do understand that this is a pre-alpha version still though is awesome to use.

Now, as I read in the README there is already support for CSS preprocessors. So I installed node-sass as said and rename the files (one file it is for one component) to .sass. That was all. No .css file is produced. I kept the .css file in the styleUrls option but also tried the .sass that of course cannot be imported.

Now if I go back to .css the file is created and included but I see (in the Network tab) that is included as XHR and therefore browser is not recognise it as a Stylesheet and therefore again it’s not rendering the UI correctly.

Any ideas?

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:16 (7 by maintainers)

github_iconTop GitHub Comments

1reaction
jkuricommented, Apr 25, 2016

No problem at all. Glad you got it working. FYI you can add class to a host component as host: { 'class': 'left-bar' } for example.

1reaction
filipesilvacommented, Apr 22, 2016

@jkuri can you have a look?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Chromium: missing sass support - google chrome
1 Answer 1 · Make sure you're using sass 3.3.0alpha gem install sass -v '>=3.3.0alpha' --pre · Add the --sourcemap flag when you...
Read more >
SCSS to CSS & Minify Hidden Settings | Missing Piece
In previous SCSS compiler video, I showed how can you easily convert SCSS or SASS into CSS file and minified css file on...
Read more >
Syntax - Sass
Sass supports two different syntaxes. Each one can load the other, so it's up to you and your team which one to choose....
Read more >
19. More Powerful Styling with Sass - CSS - O'Reilly
You can think of Sass—which stands for “Syntactically awesome style sheets”—as a kind of shorthand for CSS that lets you write less code....
Read more >
Barrio SASS Starter Kit -- changes to .scss files have no effect ...
You've got CSS aggregation on, which is good on production sites, but not on development sites. You can disable it at Admin ->...
Read more >

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Hashnode Post

No results found