CodePen Embed - JavaScript in CSS

html {
  --logic: if (x > 5) document.body.style.background = "blue";
}

const x = 10;

const logic = getComputedStyle(document.documentElement).getPropertyValue(
  "--logic"
);

eval(logic);

This Pen is owned by Chris Coyier on CodePen.

This Pen doesn't use any external CSS resources.

This Pen doesn't use any external JavaScript resources.