Custom properties (--*): CSS variables

<!DOCTYPE html>
<html>
<head>
<style>
:root {
  --color: red;
}
p {
	color: var(--color);
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi quisquam animi, unde consectetur fugiat nulla dignissimos quam aliquam beatae officia sed, nobis veritatis et aperiam laborum maiores quaerat quis aspernatur dolorum distinctio, exercitationem cupiditate est sit. Quod vero aut, suscipit, illo possimus ad porro, cupiditate unde voluptate voluptatem dolore nesciunt!</p>
</body>
</html>

Last updated