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