doc_variables_1.html (782B)
1 <!-- Any copyright is dedicated to the Public Domain. 2 http://creativecommons.org/publicdomain/zero/1.0/ --> 3 <html> 4 <head> 5 <title>variables test</title> 6 7 <style> 8 * { 9 --color: tomato; 10 --bg: violet; 11 --empty: ; 12 --nested: var(--color); 13 --theme-color: light-dark(var(--color), var(--bg)); 14 --nested-with-function: var(--theme-color); 15 --nested-with-empty: var(--empty); 16 } 17 18 div { 19 --color: chartreuse; 20 color: var(--color, red); 21 background: var(--nested-with-empty); 22 background-color: var(--not-set, var(--bg)); 23 outline-color: var(--nested); 24 border-color: var(--nested-with-function); 25 } 26 </style> 27 </head> 28 <body> 29 <div id="target" style="--bg: seagreen;"> the ocean </div> 30 </body> 31 </html>