Details
Syntax
{{< detailsbackground-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"border-radius
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."border-width
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"close-image
="Any valid image link"heading
="Any text"heading-text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"image-size
="Any valid number with unit like 10px, 1em, 0.8rem, 100vh or 50%"is-full-width
="true|false"is-open
="true|false"margin
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."open-image
="Any valid image link"padding
="Top, right, bottom, left property in px,em,rem or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."text-color
="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)" >}}
The actual message goes here
{{< /details >}}
Samples
ext ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type sve centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with
left border style
left border stylepx
left border style
left border style
left border style
Top border Style
Top border Style
Bottom border Style
Normal Style
Normal Style
Normal Style