Difference between revisions of "Template:Highlight Gradient"
(Created page with "<noinclude>Generate a CSS gradient for the given list of colors. The result includes a zone for each color followed by an equally-sized transition zone to the next color. * F...") |
m (6 revisions imported: Initial import from smithfam) |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
| − | <noinclude>Generate a CSS | + | <noinclude>Generate a CSS background for the given list of colors. For an empty list, the result is "transparent"; for a single element, the result is that color; for multiple elements, the result is a gradient. The gradient includes a zone for each color followed by an equally-sized transition zone to the next color. |
| − | * First parameter: a | + | * First parameter: a slash-delimited (/) list of CSS colors |
* ''direction'': direction for gradient; default is "to right" | * ''direction'': direction for gradient; default is "to right" | ||
</noinclude><includeonly>{{#if:{{{1}}} | </noinclude><includeonly>{{#if:{{{1}}} | ||
| − | | linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}| | + | | {{#explode:{{{1}}}|/|0}} {{#if: {{#explode:{{{1}}}|/|1}} |
| − | + | | linear-gradient({{#if:{{{direction|}}}|{{{direction}}}|to right}}, {{For Each|{{{1}}}|/|, | | |
| − | + | | template=Highlight Gradient/Step | |
| − | }} | + | | param={{#expr: 100 / ({{List Size|{{{1}}}|/}} * 2 - 1)}} |
| + | }}) | ||
| + | }} | ||
| + | | transparent | ||
}}</includeonly> | }}</includeonly> | ||
Latest revision as of 19:14, 8 December 2015
Generate a CSS background for the given list of colors. For an empty list, the result is "transparent"; for a single element, the result is that color; for multiple elements, the result is a gradient. The gradient includes a zone for each color followed by an equally-sized transition zone to the next color.
- First parameter: a slash-delimited (/) list of CSS colors
- direction: direction for gradient; default is "to right"
