Template:Ink card mini: Difference between revisions

VisualWikitext

Latest revision as of 17:23, 14 December 2024

Bubblegum

Fluorescent Pink

Blue

Citron

Fluorescent Yellow

@@ Line 1: / Line 1: @@
 <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="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="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: 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="p75" style="width: 2rem; background-color: rgba(250, 250, 250, 0.25);"></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="p50" style="width: 2rem; background-color: rgba(250, 250, 250, 0.5);"></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 class="p25" style="width: 2rem; background-color: rgba(250, 250, 250, 0.75);"></div>
-</div>
+  </div>
 </div></includeonly>