DEV Community

Discussion on: Programming CSS to perform Sass colour functions

View post
Collapse
 
ziizium profile image
Habdul Hazeez •

On your blog and here on DEV I always find time to read your journal. Awesome work.

On a side note, you can add the language to your code blocks to render them with syntax highlighting. Currently, they are rendered as plaintext.

Code block rendered as plaintext on DEV as shown in Firefox 76.0.1 developer tools

When you add a language after the three back ticks e.g css or javascript it will be rendered similar to the code block below:

button {
  --button-colour-hue: 19;
  --button-colour-saturation: 82%;
  --button-colour-lightness: 38%;
  background-color: hsl(
    var(--button-colour-hue),
    var(--button-colour-saturation),
    var(--button-colour-lightness)
  );
}