This is a documentation for Board Game Arena: play board games online !
Template:Pill: Difference between revisions
Jump to navigation
Jump to search
Sammy McSam (talk | contribs) |
Sammy McSam (talk | contribs) (gradient parameter adjustment) |
||
| Line 1: | Line 1: | ||
{{text|{{{1|A}}}|bg={{{2|#eee}}}|bgd={{{bgd|0}}}|bg1={{{bg1}}}|bg2={{{bg2}}}|c={{{c|oklch(from {{{2|#eee}}} clamp(0, (l / 0.64 - 1) * -infinity, 1) 0 h)}}}|s={{{s}}}|f={{{f|Roboto,Arial,sans-serif}}}|w=700|wrap=nowrap|v=0.25|h=0.5|br=99}}<noinclude> | {{text|{{{1|A}}}|bg={{{2|#eee}}}|bgd={{{bgd|0}}}|bg1={{{bg1|#fff0}}}|bg2={{{bg2|#fff0}}}|c={{{c|oklch(from {{{2|#eee}}} clamp(0, (l / 0.64 - 1) * -infinity, 1) 0 h)}}}|s={{{s}}}|f={{{f|Roboto,Arial,sans-serif}}}|w=700|wrap=nowrap|v=0.25|h=0.5|br=99}}<noinclude> | ||
== Examples == | == Examples == | ||
| Line 81: | Line 81: | ||
<div>background<br>start color</div> | <div>background<br>start color</div> | ||
<div>transparent</div> | <div>transparent</div> | ||
<div><code><nowiki>{{ | <div><code><nowiki>{{pill|bg1=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div> | ||
<div>{{ | <div>{{pill|s=1|bg1=lightgreen|some text}}</div> | ||
<div>'''''Optional:''''' background start color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | <div>'''''Optional:''''' background start color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | ||
<div><code>bg2</code></div> | <div><code>bg2</code></div> | ||
<div>background<br>stop color</div> | <div>background<br>stop color</div> | ||
<div>transparent</div> | <div>transparent</div> | ||
<div><code><nowiki>{{ | <div><code><nowiki>{{pill|bg2=lightgreen</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div> | ||
<div>{{ | <div>{{pill|s=1|bg2=lightgreen|some text}}</div> | ||
<div>'''''Optional:''''' background stop color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | <div>'''''Optional:''''' background stop color as a [https://developer.mozilla.org/en-US/docs/Web/CSS/color_value CSS color value].</div> | ||
<div><code>bgd</code></div> | <div><code>bgd</code></div> | ||
<div>background<br>direction</div> | <div>background<br>direction</div> | ||
<div><code>0</code> (🡆)</div> | <div><code>0</code> (🡆)</div> | ||
<div><code><nowiki>{{ | <div><code><nowiki>{{pill|bgd=80</nowiki></code><br><code><nowiki>|bg1=lightgrey</nowiki></code><br><code><nowiki>|some text}}</nowiki></code></div> | ||
<div>{{ | <div>{{pill|s=1|bgd=80|bg1=lightgrey|some text}}</div> | ||
<div>'''''Optional:''''' background direction in [https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg degrees].</div> | <div>'''''Optional:''''' background direction in [https://developer.mozilla.org/en-US/docs/Web/CSS/angle#deg degrees].</div> | ||
</div> | </div> | ||
Revision as of 14:23, 25 May 2025
A
Examples
some text
{{pill|some text|firebrick}}
some text
{{pill|some text|#cf8}}
some text
{{pill|some text|bg1=#fc8|bg2=#cf8}}
Gamehelpobsession
| Meeple | Name | wikitext
|
|---|---|---|
|
Butler | {{pill|Butler|#2A2275}}
|
|
Valet | {{pill|Valet|#249167}}
|
|
Lady's Maid | {{pill|Lady's Maid|#72116E}}
|
|
Housekeeper | {{pill|Housekeeper|#E81F35}}
|
|
Footman | {{pill|Footman|#DFDACD}}
|
Parameters
Id
Name
Default
Example
Result
Description
1
text
A{{pill|some text}}some text
Required: content.
2
background
#eee (light grey){{pill|some text|green}}some text
Optional: background color as a CSS color value.
ctext color
automatic black/white
{{pill|c=green|some text}}some text
Optional: text color as a CSS color value.
ssize
unchanged
{{pill|s=1.3|some text}}some text
ffont
Roboto,Arial,sans-serif
{{pill|f=cursive|some text}}some text
Optional: font name as a CSS font-family value.
bg1background
start color
start color
transparent
{{pill|bg1=lightgreen|some text}}some text
Optional: background start color as a CSS color value.
bg2background
stop color
stop color
transparent
{{pill|bg2=lightgreen|some text}}some text
Optional: background stop color as a CSS color value.
bgdbackground
direction
direction
0 (🡆){{pill|bgd=80|bg1=lightgrey|some text}}some text
Optional: background direction in degrees.