Tweaked colors to work with light and dark theme |
Parametrized color and icon |
||
| Line 8: | Line 8: | ||
font-weight: var(--font-weight-medium); | font-weight: var(--font-weight-medium); | ||
background-color: rgba(96.9, 209.1, 249.9, 0.25); | background-color: {{{2|rgba(96.9, 209.1, 249.9, 0.25)}}}; | ||
padding: 0.5em 0.5em 0.5em 60px; | padding: {{#if: {{{3|}}}|0.5em 0.5em 0.5em 60px|0.5em 0.8em 0.5em 0.8em}}; | ||
margin: 0.5em 0; | margin: 0.5em 0; | ||
overflow: hidden; | overflow: hidden; | ||
| Line 16: | Line 16: | ||
border: 1px solid; | border: 1px solid; | ||
border-color: rgba(96.9, 209.1, 249.9, 0.25); | border-color: {{{2|rgba(96.9, 209.1, 249.9, 0.25)}}}; | ||
border-radius: 12px; | border-radius: 12px; | ||
"><span style=" | ">{{#if: {{{3|}}}|<span style=" | ||
/* Style for icon span*/ | /* Style for icon span*/ | ||
position: absolute; | position: absolute; | ||
| Line 26: | Line 26: | ||
left: 0.5em; | left: 0.5em; | ||
">[[File: | ">[[File:{{{3|}}}|40px|Warning|link=]]</span>|}}{{#if: {{{1|}}} | {{{1}}} | Example Text<br>Over<br>Multiple<br>Lines}}</div> | ||