Table of Contents Item

The table-of-contents-item class is used for styling a single item of a table of contents. These items are always embedded in a table-of-contents block. Each heading level can be styled independently using pseudoclasses.

Selectors

Style Settings

See also: Paragraph, Inline

Setting Type Examples Description
page-number-position Symbol trailing-column, none The position of the page number for each table of contents item.
trailing-column-fill Symbol dots, underline The characters that should fill the space between the table of contents item and the page number.

Pseudoclasses

See also: Paragraph, Inline

Class Description
:heading-1 The style matches any table of contents item referring to a level 1 heading.
:heading-2 The style matches any table of contents item referring to a level 2 heading.
:heading-3 The style matches any table of contents item referring to a level 3 heading.
:heading-4 The style matches any table of contents item referring to a level 4 heading.
:heading-5 The style matches any table of contents item referring to a level 5 heading.
:heading-6 The style matches any table of contents item referring to a level 6 heading.

Example

// Sets the font for each table of contents item.
table-of-contents-item {
  font-family:     "Avenir Next"
  font-size:       12pt
}

// Adds an additional top margin for level 1 headings and removes page numbers/trailing column fill.
table-of-contents-item :heading-1 {
   margin-top:           10pt
   page-number-position: none
}

// Uses a smaller font size for level 2 headings
table-of-contents-item :heading-2 {
   font-size:      10pt
}