diff --git a/doc/style.css b/doc/style.css index b1451cfcf5d3..d16753fd0325 100644 --- a/doc/style.css +++ b/doc/style.css @@ -216,11 +216,7 @@ h3 { color: var(--heading-color); } -.note h3, -.tip h3, -.warning h3, -.caution h3, -.important h3 { +:is(.note, .tip, .warning, .caution, .important) h3 { font-size: 120%; } @@ -290,16 +286,7 @@ div.appendix .programlisting { color: var(--codeblock-text-color); } -div.book .note, -div.book .tip, -div.book .warning, -div.book .caution, -div.book .important, -div.appendix .note, -div.appendix .tip, -div.appendix .warning, -div.appendix .caution, -div.appendix .important { +:is(.note, .tip, .warning, .caution, .important) { margin-bottom: 1rem; border-radius: 0.5rem; padding: 1.5rem; @@ -307,74 +294,42 @@ div.appendix .important { background: #f4f4f4; } -div.book .note > .title, -div.book .tip > .title, -div.book .warning > .title, -div.book .caution > .title, -div.book .important > .title, -div.appendix .note > .title, -div.appendix .tip > .title, -div.appendix .warning > .title, -div.appendix .caution > .title, -div.appendix .important > .title { +:is(.note, .tip, .warning, .caution, .important) > .title { font-weight: 800; line-height: 110%; color: inherit; margin-bottom: 0; } -div.book .note > :first-child, -div.book .tip > :first-child, -div.book .warning > :first-child, -div.book .caution > :first-child, -div.book .important > :first-child, -div.appendix .note > :first-child, -div.appendix .tip > :first-child, -div.appendix .warning > :first-child, -div.appendix .caution > :first-child, -div.appendix .important > :first-child { +:is(.note, .tip, .warning, .caution, .important) > :first-child { margin-top: 0; } -div.book .note > :last-child, -div.book .tip > :last-child, -div.book .warning > :last-child, -div.book .caution > :last-child, -div.book .important > :last-child, -div.appendix .note > :last-child, -div.appendix .tip > :last-child, -div.appendix .warning > :last-child, -div.appendix .caution > :last-child, -div.appendix .important > :last-child { +:is(.note, .tip, .warning, .caution, .important) > :last-child { margin-bottom: 0; } -div.book .note, -div.appendix .note { +.note { color: var(--note-text-color); background: var(--note-background); } -div.book .tip, -div.appendix .tip { +.tip { color: var(--tip-text-color); background: var(--tip-background); } -div.book .important, -div.appendix .important { +.important { color: var(--important-text-color); background: var(--important-background); } -div.book .warning, -div.appendix .warning { +.warning { color: var(--warning-text-color); background: var(--warning-background); } -div.book .caution, -div.appendix .caution { +.caution { color: var(--caution-text-color); background: var(--caution-background); } @@ -517,16 +472,7 @@ div.appendix .variablelist .term { --codeblock-text-color: #fff; } - div.book .note, - div.book .tip, - div.book .important, - div.book .warning, - div.book .caution, - div.appendix .note, - div.appendix .tip, - div.appendix .important, - div.appendix .warning, - div.appendix .caution { + :is(.note, .tip, .warning, .caution, .important) { border: 2px solid; font-weight: 400; }