Template:Ink card mini: Difference between revisions

From stencil.wiki
No edit summary
No edit summary
 
(One intermediate revision by the same user not shown)
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:.25rem;border-radius:.375rem">
   <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: .5rem;"><span class="title" style="font-size: .875rem; line-height: .875rem;">[[{{{1}}}]]</span></div>
  <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;margin:0 .25rem;">[[{{{1}}}]]</span> </div>
    <div class="p75" style="width:15%; background-color: rgba(250,250,250,.25);display: inline-flex; align-items:center; justify-content: flex-end; padding: .5rem"><span style="font-size: .5rem; line-height: .5rem;">75%</span></div>
  <div class="p75" style="width: 2rem; background-color: rgba(250, 250, 250, 0.25);"></div>
    <div class="p50" style="width:15%; background-color: rgba(250,250,250,.5);display: inline-flex; align-items:center; justify-content: flex-end; padding: .5rem;"><span style="font-size: .5rem; line-height: .5rem;">50%</span></div>
  <div class="p50" style="width: 2rem; background-color: rgba(250, 250, 250, 0.5);"></div>
    <div class="p25" style="width:15%;background-color: rgba(250,250,250,.75);display: inline-flex; align-items:center; justify-content: flex-end; padding: .5rem;"><span style="font-size: .5rem; line-height: .5rem;">25%</span></div></div></includeonly>
  <div class="p25" style="width: 2rem; background-color: rgba(250, 250, 250, 0.75);"></div>
  </div>
</div></includeonly>
 
<noinclude>{{#arraymaptemplate:{{#ask:[[Category:Inks]]
<noinclude>{{#arraymaptemplate:{{#ask:[[Category:Inks]]
   |sort=Modification date
   |sort=Modification date

Latest revision as of 17:23, 14 December 2024