use flexbox |
add examples and fix the template |
||
Line 1: | Line 1: | ||
<div style=" | <onlyinclude><div style=" | ||
/* Style for info box div */ | /* Style for info box div */ | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
gap: 16px; | |||
color: var(--color-base--emphasized); | color: var(--color-base--emphasized); | ||
Line 19: | Line 20: | ||
border-radius: 12px; | border-radius: 12px; | ||
">{{#if: {{{3|}}}| | "> {{#if: {{{3|}}} | [[File:{{{3|}}}|40px|Warning|link=]] |}} | ||
{{#if: {{{1|}}} | {{{1}}} | Example Text}}</div> | |||
</onlyinclude> | |||
== Examples == | |||
{{User:Arti/Template:Container | |||
|This is a note. | |||
|rgba(96.9, 209.1, 249.9, 0.25) /* Hero Cyan */ | |||
|PotatoBadge.png}} | |||
{{User:Arti/Template:Container | |||
|This is a note with a large amount of text to test how it overflows. {{Lorem ipsum}} | |||
|rgba(96.9, 209.1, 249.9, 0.25) /* Hero Cyan */ | |||
|PotatoBadge.png}} |
Latest revision as of 06:29, 18 January 2024