| /* | |
| Taken from the reference. | |
| Warnings and notes: | |
| Write the <div>s on their own line. E.g. | |
| <div class="warning"> | |
| Warning: This is bad! | |
| </div> | |
| */ | |
| main .warning p { | |
| padding: 10px 20px; | |
| margin: 20px 0; | |
| } | |
| main .warning p::before { | |
| content: "⚠️ "; | |
| } | |
| .light main .warning p, | |
| .rust main .warning p { | |
| border: 2px solid red; | |
| background: #ffcece; | |
| } | |
| .rust main .warning p { | |
| /* overrides previous declaration */ | |
| border-color: #961717; | |
| } | |
| .coal main .warning p, | |
| .navy main .warning p, | |
| .ayu main .warning p { | |
| background: #542626 | |
| } | |
| /* Make the links higher contrast on dark themes */ | |
| .coal main .warning p a, | |
| .navy main .warning p a, | |
| .ayu main .warning p a { | |
| color: #80d0d0 | |
| } |