Definitions List Component

Definitions list is the component that defines a list of items. This is commonly used for arconym definitions and quick name-value labelling. Bissetii supportes Definitions List seemlessly with W3C <dl>, <dt>, and <dd> tags out of the box.

This component is available starting from v1.11.0.

Sass Styling Parts

The Sass styling script responsible for styling definition list is located at:

assets/css/bissetii/modules/core/_DefinitionList.scss

It styles the list into a default dictionary/acronym defintion template.

Javascript Parts

This component does not depend on any Javascript.

HTML Parts

Bissetii facilitates multiple <dd> definition list. One example would be:

<dl>
	<dt>Sun</dt>
	<dd>The core of our solar system.</dd>
	<dd>Primary source of energy.</dd>
	<dd>Super hot.</dd>

	<dt>Mercury</dt>
	<dd>FIRST planet away from Sun.</dd>

	<dt>Venus</dt>
	<dd>SECOND planet away from Sun.</dd>

	<dt>Earth</dt>
	<dd>THIRD planet away from the Sun.</dd>
</dl>

This will render as:


Sun
The core of our solar system.
Primary source of energy.
Super hot.
Mercury
FIRST planet away from Sun.
Venus
SECOND planet away from Sun.
Earth
THIRD planet away from the Sun.