Summary Section

A section that allows you to write summary text using a configurable design.

Show Full Syntax...

Syntax

{{< summary
background-color="any background or gradient"
border-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-detail-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-detail-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"
border-heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
border-heading-width="Any valid number with unit like 10px, 100vw, 10rem or 50%"
border-radius="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
border-width="Any valid number with unit like 10px or 10rem"
heading="Any text"
heading-background-color="any background or gradient"
heading-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
heading-line-height="Any valid number with unit like 10px, 10rem or 50%"
heading-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
heading-size="Any valid number with unit like 10px, 10rem or 50%"
margin="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on."
text-background-color="any background or gradient"
text-color="Any valid color in rgba, hex, hsla, hwba (note: every format allows setting alpha/opacity.)"
text-padding="Top, right, bottom, left property in px or %. Ex. 15px, 0, 15px, 0 would imply 15px top, 0px right, and so on." >}}

The actual message goes here

{{< /summary >}}

Default Sample

Summary: Differences between Cupcake & Muffin

Cupcakes are the softer and creamier version. Muffins are comparatively more dense and doesn't have cream for decoration. From health perspective, you may think of muffins as a healthier alternative.

Other Samples

Summary

Cupcakes and muffins may appear similar, but they differ in texture, sweetness, and preparation. Cupcakes are typically sweeter, with a lighter, fluffier texture and are often frosted, while muffins are denser and less sweet, usually containing fruits or nuts and served plain. These distinctions affect their use, with cupcakes often enjoyed as desserts and muffins served as breakfast or snacks.

Summary

While both treats are baked goods, they have distinct differences in flavor and texture. Cupcakes are usually sweeter and lighter, often featuring rich frosting, whereas muffins tend to be denser and less sweet, often incorporating wholesome ingredients like fruits or grains. These characteristics make cupcakes a popular choice for desserts, while muffins are often enjoyed as a quick breakfast or snack.