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.