<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>
This is development change variable.
</h1>
</body>
<script type="text/javascript">
document.body.style.setProperty('--main-color',"#255825")
</script>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h1>
This is development change variable.
</h1>
</body>
<script type="text/javascript">
document.body.style.setProperty('--main-color',"#255825")
</script>
</html>
In CSS file
:root{
--main-color:#06c;
}
body{ background-color:var(--main-color); color:#FFF; font-size:3em; }
h1{ font-size:2em; font-weight:bold; background-color:#FFF; color:var(--main-color); }
No comments:
Post a Comment