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);

Definition Term

Definition 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);

Definition Description

Definition 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);