Template:Demo RecipeItemIcon: Difference between revisions

From Eco - English Wiki
[unchecked revision][unchecked revision]
WugWugg (talk | contribs)
Starting to try to remove static sizing requirement
WugWugg (talk | contribs)
No edit summary
Line 1: Line 1:
<templatestyles src="Template:Demo_RecipeItemIcon/styles.css" />
<templatestyles src="Template:Demo_RecipeItemIcon/styles.css" />


<includeonly><div class="recipe-item-icon {{#if: {{{count|}}} | has-count }} {{#switch: {{{border|}}} | yellow = border-yellow | white = border-white | green = border-green | #default = border-white}}" style="font-size:{{{size|64}}}px"><div class="recipe-item-icon__img-container">[[File:{{{icon}}}]]</div><span class="recipe-item-icon__count">{{{count|}}}</span></div></includeonly>
<includeonly><div class="recipe-item-icon {{#if: {{{count|}}} | has-count }} {{#switch: {{{border|}}} | yellow = border-yellow | white = border-white | green = border-green | #default = border-white}}"><div class="recipe-item-icon__img-container">[[File:{{{icon}}}]]</div><span class="recipe-item-icon__count">{{{count|}}}</span></div></includeonly>


<noinclude>
<noinclude>

Revision as of 16:07, 21 February 2026



Visual Goals

location=center location=center location=center location=center

Template Examples

Border Colors
Color Example
White (Default)


Yellow


Green


Responsive Sizing
Size Example
64px (Default)
10


128px
10


256px
10


Count Shadow
Count Example
No Count/Shadow


10
10


100
100


Grid Demo

100
100
10
67

Recipe Demo

2
0.5
10
2

No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
sizesize

Size in pixels (numbers only)

Suggested values
64 128
Default
64
Example
64
Auto value
64
Numberoptional
iconicon

File name for icon.

Example
DaisyItem_Icon.png
Stringrequired
countcount num

A number to display over this icon's image. Useful for showing counts.

Example
10
Numberoptional
borderborder

Border color

Suggested values
white yellow green
Default
white
Auto value
white
Stringoptional