changeset 999:1fd61bbd69f8 draft

Change h4:before mark using var() reference of CSS3
author HIROSE Yuuji <yuuji@gentei.org>
date Sat, 26 Nov 2022 09:55:45 +0859
parents f73eece61ee4
children ddf85e80f64e
files examples/common/default/default.css
diffstat 1 files changed, 4 insertions(+), 3 deletions(-) [+]
line wrap: on
line diff
--- 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;

yatex.org