s4
changeset 999:1fd61bbd69f8
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 diff
1.1 --- a/examples/common/default/default.css Mon Oct 17 17:20:21 2022 +0859 1.2 +++ b/examples/common/default/default.css Sat Nov 26 09:55:45 2022 +0859 1.3 @@ -152,9 +152,10 @@ 1.4 td.repl hr {display: inline-block; width: 95%; color: #cde} 1.5 td.repl em {color: #a00; text-decoration: underline; padding-right: 0.3ex;} 1.6 td.repl strong {color: white; background: #00a; padding: 0 0.5ex;} 1.7 -td.repl h2:before {content: "■"; color: #a22;} 1.8 -td.repl h3:before {content: "◆"; color: #a22;} 1.9 -td.repl h4:before {content: "○";} 1.10 +:root {--repl-heading-color: #a22;} 1.11 +td.repl h2:before {content: "■"; color: var(--repl-heading-color);} 1.12 +td.repl h3:before {content: "◆"; color: var(--repl-heading-color);} 1.13 +td.repl h4:before {content: "◎"; color: var(--repl-heading-color);} 1.14 td.repl div.atall { 1.15 color: white; background: #66f; padding: 0 0.8ex; 1.16 display: inline-block; border-radius: 0.8ex;