`.scss` code snippets are not highlighted properly

[plries]

Description:

Code snippets that showcase Sass .scss code is not highlighted appropriately. This is evident with variables name such as $grey-100.

Steps To Reproduce:

• Visit https://paularies.ca/projects/guy
• Scroll to the first code snippet titled light mode

Expected Result:

Variable names should be highlighted fully in brown.

Actual Result:

Variable names are not fully colored as it stops at the hyphen -. The color of variable names are white.

Configurations:

This bug was found in the following configurations.		Safari	Edge	Firefox	Chrome
Desktop (Windows 11)		x	x	x
iPad (iPad OS 18)	x	x	x	x
iPhone (iOS 18)	x	x	x	x

Severity:

Low

Priority

Low

Type:

Bug

Assignee:

Paul Aries

[plries]

Steps to Solve:

Changed the class in the code component from "language-css" to `"language-scss"'. Applied some additional styling as well.