<h3>How do you comfort a JavaScript bug? ... You console it</h3>

<div class="jokeDiv">
  <p>Two JavaScript developers walked into the variable bar. Ouch!</p>

</div>
:root {
  --variableName: purple;
}

h3 {
  color: var(--variableName);
}

.jokeDiv {
  --size: 20px;
  --makeItItalic: italic;

  font-size: var(--size);
  font-style: var(--makeItItalic);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.