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 challenge timeout

See original GitHub issue

Describe the bug Sass pages with invalid syntax occasionally timeout

To Reproduce Steps to reproduce the behavior:

  1. Go to https://www.freecodecamp.org/learn/front-end-libraries/sass/store-data-with-sass-variables
  2. Paste in
<style type='text/scss'>
$text-color: red;

  .header{
    text-align: center;
  }
  .blog-post, h2 {
    color: $text-color;

</style>
  1. See timeout in the console (sometimes)

Expected behavior

The following should appear in the console:

Error: Invalid CSS after "...r: $text-color;": expected "}", was ""
        on line 8:24 of /stdin
>>     color: $text-color;

Since this is intermittent, here’s a gif to demonstrate:

SassTimeout

Additional Context

When the error appears it does so very quickly, so it is unlikely that this is due to a genuine timeout.

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:1
  • Comments:5 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
jacob-oreillycommented, Oct 5, 2021

I’m currently taking a look into a possible solution on this!

0reactions
ojeytonwilliamscommented, Aug 3, 2021

While this is old, it’s still reproducible, unfortunately. A PR to improve the warning would be welcome.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Timeout in Sass exercise - The freeCodeCamp Forum
while doing Sass exercise the output console keeps showing timeout sometimes and then not able to run tests .
Read more >
Code Challenge Engine timeout errors (Example) | Treehouse ...
I've been hard at work learning Sass recently (it's awesome), but whenever I get a task in a code challenge wrong, any attempts...
Read more >
408 Request Timeout - codepen challenge
About Neat. Neat is "a lightweight semantic grid framework." You call special @mixins to build float-based grids as needed. It depends on Sass...
Read more >
Done with HTML SASS and Javascript coding challenge solution
uiftikhar's front-end solution for the Planets fact site coding challenge on Frontend Mentor. ... I have removed them in a timeout but is...
Read more >
FCC - Store Data With Sass Variables - SOLUTION !!! - YouTube
Comprehensive walk-through of Free Code Camp's Challenge, Store Data With Sass Variables , of the Introduction to the SASS section.
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