fix border colors |
No edit summary |
||
(2 intermediate revisions by 2 users not shown) | |||
Line 9: | Line 9: | ||
font-weight: var(--font-weight-medium); | font-weight: var(--font-weight-medium); | ||
background-color: var({{{2|--color-information}}}); | background-color: var({{{2|--color-information-bg}}}); | ||
padding: 12px 16px; | padding: 12px 16px; | ||
Line 16: | Line 16: | ||
border: 1px solid; | border: 1px solid; | ||
border-color: var({{{2|--color-information}}}); | border-color: var({{{2|--color-information-bg}}}); | ||
border-radius: 12px; | border-radius: 12px; | ||
">{{#if:{{{3|}}}|{{{3|}}}|}}{{#if:{{{1|}}}|{{{1}}}|Example Text}}</div></onlyinclude> | ">{{#if:{{{3|}}}|{{{3|}}}|}}{{#if:{{{1|}}}|<div>{{{1}}}</div>|Example Text}}</div></onlyinclude> | ||
== Examples == | == Examples == | ||
Line 24: | Line 24: | ||
{{Container | {{Container | ||
|This is a note. | |This is a note. | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:PotatoBadge.png|40px|Note|link=]]}} | |[[File:PotatoBadge.png|40px|Note|link=]]}} | ||
{{Container | {{Container | ||
|This is a note with a large amount of text to test how it overflows. {{Lorem ipsum}} | |This is a note with a large amount of text to test how it overflows. {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:PotatoBadge.png|40px|Note|link=]]}} | |[[File:PotatoBadge.png|40px|Note|link=]]}} | ||
{{Container | {{Container | ||
|This note is potatoless. | |This note is potatoless. | ||
|--color- | |--color-information-bg /* Hero Cyan */}} | ||
{{Container | {{Container | ||
|This is a note with a large amount of text that's potatoless. {{Lorem ipsum}} | |This is a note with a large amount of text that's potatoless. {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */}} | ||
{{Container | {{Container | ||
|This is a note using a svg instead of png. | |This is a note using a svg instead of png. | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:InformationIcon.svg|40px|link=]]}} | |[[File:InformationIcon.svg|40px|link=]]}} | ||
{{Container | {{Container | ||
|This is a note using an svg instead of png. With more text! {{Lorem ipsum}} | |This is a note using an svg instead of png. With more text! {{Lorem ipsum}} | ||
|--color- | |--color-information-bg /* Hero Cyan */ | ||
|[[File:InformationIcon.svg|40px|link=]]}} | |[[File:InformationIcon.svg|40px|link=]]}} |