turretcss

Definition List


Example

Fringilla Ipsum Tellus
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fringilla Ipsum Tellus
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Fringilla Ipsum Tellus
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

HTML

<dl>
  <dt>...</dt>
  <dd>...</dd>
</dl>

CSS

--definition-list-margin: var(--paragraph-margin);
--definition-list-padding: 0;
--definition-list-font-size: var(--paragraph-font-size);

Defintition Term

Defintition Term

HTML

<dt>...</dt>

CSS

--definition-term-margin: 0.5em 0;
--definition-term-font-family: var(--headings-font-family);
--definition-term-font-weight: var(--headings-font-weight);
--definition-term-font-size: inherit;
--definition-term-font-style: var(--headings-font-style);
--definition-term-color: var(--headings-color);
--definition-term-line-height: var(--headings-line-height);
--definition-term-text-transform: var(--headings-text-transform);
--definition-term-letter-spacing: var(--headings-letter-spacing);

Defintition Description

Defintition Description

HTML

<dd>...</dd>

CSS

--definition-description-margin: 0 0 1em 0;
--definition-description-font-family: var(--paragraph-font-family);
--definition-description-font-weight: var(--paragraph-font-weight);
--definition-description-font-size: inherit;
--definition-description-font-style: var(--paragraph-font-style);
--definition-description-color: var(--paragraph-color);
--definition-description-line-height: var(--paragraph-line-height);
--definition-description-text-transform: var(--paragraph-text-transform);
--definition-description-letter-spacing: var(--paragraph-letter-spacing);