Freaking Amazing Variables

Lacey taught me a new trick. Dang it. I mean, yay, but also MAAAANNN. I couldn't find this when I was looking for it!

by Angelica

HTML

<p>
hello this is a paragraph thingy now i'm going make <b>bold text turn purpley</b>
</p>

<p>
here is another paragraph but this time <i>using rainbow i hope</i>
</p>

CSS

:root {
  --purple: purple;
  --blue: dodgerblue;
  --rainbow: linear-gradient(to right, red, yellow, green, blue, purple);
}

p {
  color: var(--blue);
}

b{
  color: var(--purple);
}

i{
  background: var(--rainbow);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}