{"id":74853,"date":"2026-09-30T03:01:00","date_gmt":"2026-09-29T17:01:00","guid":{"rendered":"https:\/\/www.rjmprogramming.com.au\/ITblog\/?p=74853"},"modified":"2026-09-27T11:38:03","modified_gmt":"2026-09-27T01:38:03","slug":"css-variables-at-the-root-level-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/css-variables-at-the-root-level-tutorial\/","title":{"rendered":"CSS Variables at the Root Level Tutorial"},"content":{"rendered":"
\"CSS<\/a>

CSS Variables at the Root Level Tutorial<\/p><\/div>\n

For us, to think …<\/p>\n\n\n\n
CSS<\/td>\nvariables<\/font><\/td>\ncomputes … is a lot harder to fathom and “more of a stretch” than …<\/td>\n<\/tr>\n
Javascript<\/td>\nvariables<\/font><\/td>\ncomputes<\/td>\n<\/tr>\n<\/table>\n

… but this is true, and it can be dynamic too, though we’re using Javascript to make it dynamic and using the …<\/p>\n

\n:root<\/a>\n<\/p><\/blockquote>\n

… CSS selector (globally to the whole webpage) repository to allow for this, when we wrote a simple proof of concept<\/a> web application<\/a> you can also try below with similarities to concepts to can read more about at the reecent CSS Variables Textarea Tutorial<\/a> below.<\/p>\n