DEV Community

loading...

Discussion on: Programming CSS to perform Sass colour functions

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)
  );
}