Difference between revisions of "Template:Ribbon2"
From Geohashing
(add `max-width: 100%` to style) |
(support for the image argument) |
||
| Line 10: | Line 10: | ||
background-color: #eee; | background-color: #eee; | ||
grid-template-areas: | grid-template-areas: | ||
| − | "icon achv | + | "icon achv . ." |
| − | "icon actn | + | "icon actn . ."; |
align-items: center; | align-items: center; | ||
} | } | ||
| Line 28: | Line 28: | ||
padding-left: 1em; | padding-left: 1em; | ||
} | } | ||
| − | .xkcd-ribbon2-xtra { | + | .xkcd-ribbon2-xtra, .xkcd-ribbon2-imag { |
| − | |||
padding-left: 10px; | padding-left: 10px; | ||
border-left: 1px solid lightgray; | border-left: 1px solid lightgray; | ||
| Line 35: | Line 34: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
| + | grid-row: span 2; | ||
} | } | ||
| Line 57: | Line 57: | ||
<div class="xkcd-ribbon2-achv">{{{achievement}}}</div> | <div class="xkcd-ribbon2-achv">{{{achievement}}}</div> | ||
<div class="xkcd-ribbon2-actn">{{{action}}}</div> | <div class="xkcd-ribbon2-actn">{{{action}}}</div> | ||
| + | {{#if:{{{image|}}}|<div class="xkcd-ribbon2-imag">[[File:{{{image}}}|44px]]</div>|}} | ||
{{#if:{{{extra|}}}|<div class="xkcd-ribbon2-xtra">{{{extra}}}</div>|}} | {{#if:{{{extra|}}}|<div class="xkcd-ribbon2-xtra">{{{extra}}}</div>|}} | ||
</div> | </div> | ||
Revision as of 03:59, 14 February 2020
{{{achievement}}}
{{{action}}}
