Template:Ink card: Difference between revisions

From stencil.wiki
No edit summary
No edit summary
Line 7: Line 7:
</pre>
</pre>
{{Ink card|Burgundy}}
{{Ink card|Burgundy}}
{{#ask:
[[Category:Riso_inks]]
|?title
|format=template
|template=Ink card
}}
</noinclude>
</noinclude>
<includeonly><div class="ink-card-wrapper text-{{#ifexpr:{{#rmatch:{{#invoke:Color|hexToCielch|{{#invoke:Color|rgbTripletToHex|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$1|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$2|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$3|}}}}}}|/^([0-9]{1,3})/|$1}}>75|black|white}}" style="position:relative;">
<includeonly><div class="ink-card-wrapper text-{{#ifexpr:{{#rmatch:{{#invoke:Color|hexToCielch|{{#invoke:Color|rgbTripletToHex|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$1|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$2|}}|{{#rmatch:{{#show: {{{1}}} |? Has rgb#}}|/^([0-9]{1,3}),([0-9]{1,3}),([0-9]{1,3})$/|$3|}}}}}}|/^([0-9]{1,3})/|$1}}>75|black|white}}" style="position:relative;">

Revision as of 15:13, 10 December 2024

A template for displaying inks as simple color ramps.

Usage

{{Ink card|Burgundy}}
100%
75%
50%
25%


<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Aqua]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Bisque]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Black]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Blue]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Brick]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Brown]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Citron]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Copper]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Coral]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Forest]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Grape]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Grass]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Gray]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Green]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Indigo]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Ivy]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Lagoon]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Lake]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Maroon]]

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%

<div class="ink-card-wrapper text-Expression error: Unexpected > operator." style="position:relative;">

 <div class="color-ramp" style="color: white; background-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1);border-color:rgba(<ul><li>The symbol "[[" was used in a place where it is not useful.</li> <!--br--><li>The part "]]" of the query was not understood.Results might not be as expected.</li></ul>,1); display: flex; flex-direction:row; width:100; height: 50px; border-radius:.5rem; overflow: hidden;">
100%
75%
50%
25%
[[Melon]]

... further results