Details
-
Bug
-
Resolution: Timed out
-
Low
-
Severity 3 - Minor
-
Description
Issue Summary
When viewing a code block that contains Sass or SCSS code, the code is not highlighted after selecting the "Sass" option from the dropdown and publishing the page.
Steps to Reproduce
- Edit a page
- Add a code block
- Select "Sass" from the language dropdown
- Insert the following Sass or SCSS code:
/* Sass example */ /* This CSS will print because %message-shared is extended. */ %message-shared border: 1px solid #ccc padding: 10px color: #333 // This CSS won't print because %equal-heights is never extended. %equal-heights display: flex flex-wrap: wrap .message @extend %message-shared
/* SCSS example */ /* This CSS will print because %message-shared is extended. */ %message-shared { border: 1px solid #ccc; padding: 10px; color: #333; } // This CSS won't print because %equal-heights is never extended. %equal-heights { display: flex; flex-wrap: wrap; } .message { @extend %message-shared; }
- Publish the page
Expected Results
Published page shows syntax-highlighted code block
Actual Results
Published page shows a code block with no syntax highlighting
Workaround
Currently there is no known workaround for this behavior. A workaround will be added here when available