Template:Terminology Infobox/doc: Difference between revisions

Line 20:

** {{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|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.

** 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;

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

|type = Type example 3a

Line 94:

Line 99:

"label": "Image class",

"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"

},