|
|
| (5 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| <includeonly><div style=" | | <includeonly>{{box |
| --notice-color-impl: {{{color|var(--notice-color, var(--color-progressive))}}}; | | |color={{{color|}}} |
| --notice-background-impl: {{{background|var(--notice-background, var(--background-color-progressive-subtle))}}}; | | |background={{{background|}}} |
| --notice-icon-color-impl: {{{iconColor|var(--notice-icon-color, var(--notice-color-impl))}}}; | | |borderColor={{{borderColor|{{{color|}}}}}} |
| --notice-text-color-impl: var(--notice-text-color, var(--notice-color-impl));
| | |padding={{#ifeq:{{{small|no}}}|yes|0.6rem|1.2rem}} |
| --notice-icon-size-impl: var(--notice-icon-size, 40px);
| | |margin={{{margin|0.6rem 0}}} |
| --notice-text-weight-impl: var(--notice-text-weight, 500);
| | |{{#tag:div|{{#if:{{{icon|}}}|{{#tag:div|{{unicon|{{{icon|}}}}}|style= |
|
| | color: {{{iconColor|{{{color|var(--color-base)}}}}}}; |
| --notice-border-color-impl: {{{borderColor|{{{color|var(--notice-border-color, var(--notice-color-impl))}}}}}};
| | font-size: {{{iconSize|260%}}}; |
| --notice-border-size-impl: var(--notice-border-size, 1px); | |
| --notice-border-radius-impl: var(--notice-border-radius, 5px);
| |
| | |
| --notice-padding-impl: {{#ifeq:{{{small|}}}|yes|10px|{{{padding|var(--notice-padding, 30px)}}}}};
| |
|
| |
| display: flex; | |
| background: var(--notice-background-impl);
| |
| padding: var(--notice-padding-impl);
| |
| margin: 10px 0px;
| |
| border: var(--notice-border-size-impl) solid var(--notice-border-color-impl);
| |
| border-radius: var(--notice-border-radius-impl);
| |
| align-items: center;
| |
| gap: calc(var(--notice-padding-impl) / 2);
| |
| ">
| |
| {{#if: {{{icon|}}} |<div style="
| |
| color: var(--notice-icon-color-impl); | |
| font-size: var(--notice-icon-size-impl); | |
| font-variant-emoji: text;
| |
| line-height: 100%; | | line-height: 100%; |
| ">{{{icon|}}}</div>|}} | | }}}}{{#tag:div|{{{1}}}|style= |
| <div style="
| |
| color: var(--notice-text-color-impl); | | color: var(--notice-text-color-impl); |
| font-weight: var(--notice-text-weight-impl); | | font-weight: var(--notice-text-weight-impl); |
| ">{{{1}}}</div>
| | }}|style="display: flex; align-items: center; gap: 0.6rem;"}}}}</includeonly><noinclude>{{Documentation}}</noinclude> |
| </div></includeonly><noinclude>{{Documentation}}</noinclude>
| |