Template:Notice: Difference between revisions

    --notice-color-impl: {{{color|var(--notice-color, var(--color-progressive))}}};

    --notice-background-impl: {{{background|var(--notice-background, var(--background-color-progressive-subtle))}}};

    --notice-icon-color-impl: var(--notice-icon-color, var(--notice-color-impl));

    --notice-text-color-impl: var(--notice-text-color, var(--notice-color-impl));

    --notice-icon-size-impl: var(--notice-icon-size, 40px);

    --notice-text-weight-impl: var(--notice-text-weight, 500);

    --notice-border-color-impl: {{{borderColor|{{{color|var(--notice-border-color, var(--notice-color-impl))}}}}}};

 

    --notice-padding-impl: {{{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);

      line-height: 100%;

    ">{{{icon|}}}</div>|}}

    <div style="

      color: var(--notice-text-color-impl);

      font-weight: var(--notice-text-weight-impl);

    ">{{{1}}}</div>

  </div></includeonly><noinclude>

{{Notice|icon=✦|This is a notice. You can use it to signal some important information to readers. The box can contain multi-line text as well, and should display it nicely.}}

</noinclude>