Template:Ink card mini: Difference between revisions
IssuePress (talk | contribs) No edit summary |
IssuePress (talk | contribs) No edit summary |
||
| Line 1: | Line 1: | ||
<includeonly><div class="ink-card-wrapper-mini"> | <includeonly><div class="ink-card-wrapper-mini"> | ||
<div class="color-ramp text-{{#ifexpr:{{#invoke:Color|csvrgbToLum|{{#show:{{{1}}}|?Has rgb#}}}}>75|black|white}}" style="background-color: rgba({{#show: {{{1}}} |?Has rgb#}}, 1); border-color: rgba({{#show: {{{1}}} |?Has rgb#}}, 1); display: flex; flex-direction: row; width: 100%; box-sizing: border-box; margin-bottom: 0.25rem; border-radius: 0.375rem; height:2rem;"> | |||
<div class="p100" style="width: 55%; display: inline-flex; align-items: center; justify-content: flex-start; padding: 0.5rem; margin-right:auto;"> <span class="title" style="font-size: 0.875rem; line-height: 0.875rem;">[[{{{1}}}]]</span> </div> | |||
<div class="p75" style="width: 2rem; background-color: rgba(250, 250, 250, 0.25); display: inline-flex; align-items: center; justify-content: flex-end; padding: 0.5rem; box-sizing: border-box;"> <span style="font-size: 0.5rem; line-height: 0.5rem;">75%</span> </div> | |||
<div class="p50" style="width: 2rem; background-color: rgba(250, 250, 250, 0.5); display: inline-flex; align-items: center; justify-content: flex-end; padding: 0.5rem; box-sizing: border-box;"> <span style="font-size: 0.5rem; line-height: 0.5rem;">50%</span> </div> | |||
<div class="p25" style="width: 2rem; background-color: rgba(250, 250, 250, 0.75); display: inline-flex; align-items: center; justify-content: flex-end; padding: 0.5rem; box-sizing: border-box;"> <span style="font-size: 0.5rem; line-height: 0.5rem;">25%</span> </div> | |||
</div> | |||
</div></includeonly> | |||
<noinclude>{{#arraymaptemplate:{{#ask:[[Category:Inks]] | <noinclude>{{#arraymaptemplate:{{#ask:[[Category:Inks]] | ||
|sort=Modification date | |sort=Modification date | ||
Revision as of 17:04, 14 December 2024