# HG changeset patch
# User HIROSE Yuuji <yuuji@gentei.org>
# Date 1669424172 -32373
# Node ID 1fd61bbd69f8534093e45e925ea7d5209f48b10a
# Parent  f73eece61ee485702d22e5a9d3d55149a065594d
Change h4:before mark using var() reference of CSS3

diff -r f73eece61ee4 -r 1fd61bbd69f8 examples/common/default/default.css
--- a/examples/common/default/default.css	Mon Oct 17 17:20:21 2022 +0859
+++ b/examples/common/default/default.css	Sat Nov 26 09:55:45 2022 +0859
@@ -152,9 +152,10 @@
 td.repl hr {display: inline-block; width: 95%; color: #cde}
 td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;}
 td.repl strong {color: white; background: #00a; padding: 0 0.5ex;}
-td.repl h2:before {content: "■"; color: #a22;}
-td.repl h3:before {content: "◆"; color: #a22;}
-td.repl h4:before {content: "○";}
+:root {--repl-heading-color: #a22;}
+td.repl h2:before {content: "■"; color: var(--repl-heading-color);}
+td.repl h3:before {content: "◆"; color: var(--repl-heading-color);}
+td.repl h4:before {content: "◎"; color: var(--repl-heading-color);}
 td.repl div.atall {
     color: white; background: #66f; padding: 0 0.8ex;
     display: inline-block; border-radius: 0.8ex;