Template:Terminology Infobox/doc: Difference between revisions
No edit summary |
Added image background and padding parameters |
||
| (One intermediate revision by the same user not shown) | |||
| Line 16: | Line 16: | ||
* {{F|name}} – Name of the terminology. | * {{F|name}} – Name of the terminology. | ||
* {{F|subtitle}} – Subtitle of the terminology. | * {{F|subtitle}} – Subtitle of the terminology. | ||
* {{F|image}} – Image of the terminology. | * {{F|image}} – Image of the terminology {{Color|New|including}} the file extension. | ||
* {{F|image_class}} – Add a class for {{F|image|v=1}}. Notable classes: | * {{F|image_class}} – Add a class for {{F|image|v=1}}. Notable classes: | ||
** {{F|day-invert-image}} – Invert the image in day/light mode. Will invert light-colored icons to gray in day/light mode. | ** {{F|day-invert-image}} – Invert the image in day/light mode. Will invert light-colored icons to gray in day/light mode. | ||
** {{F|night-invert-image}} – Invert the image in night/dark mode. Will invert dark-colored icons to white in night/dark mode. | ** {{F|night-invert-image}} – Invert the image in night/dark mode. Will invert dark-colored icons to white in night/dark mode. | ||
** {{F|light-background}} – Add a light-colored background to the image. | |||
** {{F|dark-background}} – Add a dark-colored background to the image. | |||
** {{F|image-padding}} – Add a {{F|15px}} padding to the image. | |||
* {{F|images}} – Multiple images, tabs, and classes for the terminology. | * {{F|images}} – Multiple images, tabs, and classes for the terminology. | ||
** Format: {{F|Image 1.ext:Tab 1 name; Image 2.ext:Tab 2 name; ... ; Image N.ext:Tab N name}} or | ** Format: {{F|Image 1.ext:Tab 1 name; Image 2.ext:Tab 2 name; ... ; Image N.ext:Tab N name}} or | ||
| Line 62: | Line 65: | ||
Hexia Icon.png:Invert in light mode:day-invert-image; | Hexia Icon.png:Invert in light mode:day-invert-image; | ||
CSS Logo.svg:Invert in dark mode:night-invert-image; | CSS Logo.svg:Invert in dark mode:night-invert-image; | ||
Petit Planet Wordmark.png:Light background and padding:light-background image-padding; | |||
Petit Planet Wordmark (White).png:Dark background and padding:dark-background image-padding; | |||
Petit Planet App Icon.png:No class | Petit Planet App Icon.png:No class | ||
|type = Type example 3a | |type = Type example 3a | ||
| Line 86: | Line 91: | ||
"image": { | "image": { | ||
"label": "Image", | "label": "Image", | ||
"description": "Image of the terminology.", | "description": "Image of the terminology including the file extension.", | ||
"example": "Image.ext", | "example": "Image.ext", | ||
"type": "wiki-file-name", | "type": "wiki-file-name", | ||
| Line 94: | Line 99: | ||
"label": "Image class", | "label": "Image class", | ||
"description": "Add a class for <image>.", | "description": "Add a class for <image>.", | ||
"example": "day-invert-image, night-invert-image", | "example": "day-invert-image, night-invert-image, light-background, dark-background, image-padding", | ||
"type": "content" | "type": "content" | ||
}, | }, | ||