Template:Box: Difference between revisions

Use variable colors by default
No edit summary
Line 1: Line 1:
<div style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color|var(--background-color-base)}}}; {{{style|}}};">
<div class="{{{class|}}}" style="box-shadow: 0 0 0.2em #999999; border-radius: 0.2em; margin: 0.5em 0.5em 1em 0.5em; background: {{{background-content-color|var(--background-color-base)}}}; {{{style|}}};">
   <!-- Title Box -->
   <!-- Title Box -->
   <div style="background: {{{background-title-color|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center|}}}|justify-content: space-between;}}">
   <div style="background: {{{background-title-color|var(--background-color-neutral)}}}; border-radius: 0.2em 0.2em 0 0; padding: 0.5em 1em 0.5em 1em; display: flex; align-items: center; {{#if:{{{center|}}}|justify-content: space-between;}}">
Line 106: Line 106:
"description": "An icon to display after, rather than before, the title.",
"description": "An icon to display after, rather than before, the title.",
"type": "wiki-file-name"
"type": "wiki-file-name"
},
"class": {
"label": "Class",
"description": "CSS classes to apply to the box.",
"type": "string",
"suggestedvalues": [
"ambox",
"hatnote",
"dablink",
"side-box"
]
}
}
},
},
Line 125: Line 136:
"title-color-hover",
"title-color-hover",
"flex",
"flex",
"center"
"center",
"class"
],
],
"format": "block"
"format": "block"