CODEWITHSUNDEEP
sass
Zabba
Zabba

Reputation: 65507

How is a SASS error message displayed in the browser?

In SASS, when there is an error, it shows a message at the top of the page in the browser. A sample of it is in the attached image.

That text is not selectable. It is not an image. It does not appear in View Source. It is not visible in Firebug.

How is that error text being rendered?

enter image description here

UPDATE

Thanks to @FluffyJack, I investigated and found that a body:before is used in the CSS file that contains the syntax error. Github is not being cooperative at the moment, but I traced where the error message is rendered from in SASS to vendor/sass/lib/sass/error.rb which contains:

body:before {
  white-space: pre;
  font-family: monospace;
  content: "#{header.gsub('"', '\"').gsub("\n", '\\A ')}"; }
END

Upvotes: 3

Views: 388

Answers (1)

FluffyJack
FluffyJack

Reputation: 1732

I think it's using a content attribute.

Something like 

html:before {
  content: "Syntax error..."
}

Check the css.

Upvotes: 3

Related Questions