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 compile issues

See original GitHub issue

Hello!

it seems that I cannot get default SASS functions to compile. For example, in the variables.scss file I do something like:

$theme: darken(#333635, 10%);

Docs: http://sass-lang.com/documentation/Sass/Script/Functions.html#darken-instance_method

There is no SASS errors in the console, but checking out the actual CSS on the browser:

background-color: darken(#333635, 10%);

This returns an invalid colour and hence doesn’t render.

Issue Analytics

  • State:closed
  • Created 8 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
koistyacommented, Mar 19, 2016

Why we are labeling our css files scss and using the postcss-scss parser?

Because currently CSS code contains SCSS variables and, potentially, other stuff supported by precss. Having .scss extention ensures that this code will be properly highlighted in text editors and IDEs. Also it might be easier to switch from precss plugins + postcss-scss parser to a fully featured Sass loader if needed, though in this case your CSS code will be parsed twice - once by sass-loader and another time by postcss.

0reactions
zwhitchcoxcommented, Mar 19, 2016

Ah, ok, cool!

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to resolve this Sass compiling error? - css - Stack Overflow
the error says that there's no container.scss file or it's unreachable and you're trying to import it, check typos for the file name...
Read more >
Sass compilation error - HTML-CSS - The freeCodeCamp Forum
I try to compile my sass code to css using the command: “npm run compile_sass” but keeps getting this error message below:
Read more >
Sass: @error
Once the error is printed, Sass stops compiling the stylesheet and tells whatever system is running it that an error occurred. SCSS; Sass...
Read more >
Solved: How to view SASS compile errors? - Shopify Community
Re: How to view SASS compile errors? · Open Dev Tools for your browser (I am using Chromium) · Select the 'Network' tab...
Read more >
SCSS Compile Error - Material Design for Bootstrap
Hi, We bought MDB Pro yesterday and have some trouble compiling the SCSS Code. Can someone take a look at this issue?
Read more >

github_iconTop Related Medium Post

No results found

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 Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found