This is a documentation for Board Game Arena: play board games online !
Template:Pentagon: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) (Created page with "<span style="display:inline-grid;place-items:center;width:{{{s|36}}}px;aspect-ratio:1;rotate:calc({{{r|0}}}*36deg);clip-path:polygon(50% 0,97.55% 34.55%,79.39% 90.45%,20.61% 90.45%,2.45% 34.55%);background:{{{b|linear-gradient(30deg in oklch shorter hue,#57b8b8,#5976cc,#7f4edc,#861dd1,#b7339f)}}};color:{{{tc|oklch(from {{{b|#7f4edc}}} clamp(0,(l/.64 - 1)*-infinity,1) 0 h)}}};font-weight:700;font-size:{{{ts|1rem}}};">{{{1|}}}</span><noinclude> == Paramete...") |
Sammy McSam (talk | contribs) mNo edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<span style="display:inline-grid;place-items:center;width:{{{s|36}}}px;aspect-ratio:1;rotate:calc({{{r|0}}}*36deg);clip-path:polygon(50% 0,97.55% 34.55%,79.39% 90.45%,20.61% 90.45%,2.45% 34.55%);background:{{{b|linear-gradient(30deg in oklch shorter hue,#57b8b8,#5976cc,#7f4edc,#861dd1,#b7339f)}}};color:{{{tc|oklch(from {{{b|#7f4edc}}} clamp(0,(l/.64 - 1)*-infinity,1) 0 h)}}};font-weight:700;font-size:{{{ts|1rem}}};">{{{1|​}}}</span><noinclude> | <span title="{{{alt|}}}" style="display:inline-grid;place-items:center;width:{{{s|36}}}px;aspect-ratio:1;rotate:calc({{{r|0}}}*36deg);clip-path:polygon(50% 0,97.55% 34.55%,79.39% 90.45%,20.61% 90.45%,2.45% 34.55%);background:{{{b|linear-gradient(30deg in oklch shorter hue,#57b8b8,#5976cc,#7f4edc,#861dd1,#b7339f)}}};color:{{{tc|oklch(from {{{b|#7f4edc}}} clamp(0,(l/.64 - 1)*-infinity,1) 0 h)}}};font-family:Roboto,Arial,sans-serif;font-weight:700;font-size:{{{ts|1rem}}};">{{{1|​}}}</span><noinclude> | ||
== Parameters == | == Parameters == | ||
| Line 10: | Line 10: | ||
<div>{{text|w=bold|Result}}</div> | <div>{{text|w=bold|Result}}</div> | ||
<div>{{text|w=bold|Description}}</div> | <div>{{text|w=bold|Description}}</div> | ||
<div><code>alt</code></div> | |||
<div>Tooltip</div> | |||
<div>empty</div> | |||
<div><code><nowiki>{{pentagon|alt=resource}}</nowiki></code></div> | |||
<div>{{pentagon|alt=resource}}</div> | |||
<div>'''''Optional:''''' provide a text tooltip.</div> | |||
<div><code>s</code></div> | <div><code>s</code></div> | ||
<div>Size</div> | <div>Size</div> | ||
| Line 27: | Line 33: | ||
<div><code><nowiki>{{pentagon|A}}</nowiki></code></div> | <div><code><nowiki>{{pentagon|A}}</nowiki></code></div> | ||
<div>{{pentagon|A}}</div> | <div>{{pentagon|A}}</div> | ||
<div>'''''Optional:''''' set a text value | <div>'''''Optional:''''' set a text value.</div> | ||
<div><code>tc</code></div> | <div><code>tc</code></div> | ||
<div>Text color</div> | <div>Text color</div> | ||
| Line 36: | Line 42: | ||
<div><code>ts</code></div> | <div><code>ts</code></div> | ||
<div>Text size</div> | <div>Text size</div> | ||
<div><code>1rem</code></div> | <div><code>1rem</code> (16px)</div> | ||
<div><code><nowiki>{{pentagon|A|ts=24px}}</nowiki></code></div> | <div><code><nowiki>{{pentagon|A|ts=24px}}</nowiki></code></div> | ||
<div>{{pentagon|A|ts=24px}}</div> | <div>{{pentagon|A|ts=24px}}</div> | ||
<div>'''''Optional:''''' size | <div>'''''Optional:''''' text size as a [https://developer.mozilla.org/en-US/docs/Web/CSS/length CSS length].</div> | ||
<div><code>r</code></div> | <div><code>r</code></div> | ||
<div>Rotate clockwise</div> | <div>Rotate clockwise</div> | ||
| Line 49: | Line 55: | ||
[[Category:WikiTemplates]] | [[Category:WikiTemplates]] | ||
</noinclude> | </noinclude> | ||
Latest revision as of 13:21, 28 June 2025
Parameters
Id
Name
Default
Example
Result
Description
altTooltip
empty
{{pentagon|alt=resource}}
Optional: provide a text tooltip.
sSize
36{{pentagon|s=50}}
Optional: size of pentagon in px units.
bBackground
linear-gradient(…)
{{pentagon|b=green}}
Optional: set a CSS background color or gradient.
1
Text value
empty
{{pentagon|A}}A
Optional: set a text value.
tcText color
automatic black/white
{{pentagon|A|tc=lime}}A
Optional: text color as a CSS color value.
tsText size
1rem (16px){{pentagon|A|ts=24px}}A
Optional: text size as a CSS length.
rRotate clockwise
0{{pentagon|r=1}}
Optional: rotate the pentagon in units of 36° clockwise.