Callout List and Number Category Keys

callout-list

The keys in the callout-list category control the arrangement and style of callout lists and callout list item content. These keys don’t affect the callout list markers. The appearance of the markers is controlled separately by the keys in conum category. Also see font-* and line-height inheritance for more information.

Key Value Type Example

font-color

Color
(default: inherit)

callout-list:
  font-color: #555555

font-family

Font family name
(default: inherit)

callout-list:
  font-family: M+ 1p

font-kerning

normal | none
(default: inherit)

callout-list:
  font-kerning: none

font-size

Font size
(default: inherit)

callout-list:
  font-size: 9

font-style

Font style
(default: inherit)

callout-list:
  font-style: italic

item-spacing

Measurement
(default: $list-item-spacing)

callout-list:
  item-spacing: 3

line-height

Number
(default: inherit)

callout-list:
  line-height: 1

margin-top-after-code

Measurement
(default: -6)

callout-list:
  margin-top-after-code: 0

marker-font-color

Color
(default: $conum-font-color)

callout-list:
  marker-font-color: #000000

text-align

Text alignment
(default: $list-text-align)

callout-list:
  text-align: left

text-transform

Text transform
(default: inherit)

callout-list:
  text-transform: lowercase

conum

The keys in the conum category control the style of callout numbers inside verbatim blocks and in callout lists.

The bundled font used by the default theme for conums (M+ 1mn) only supports callout numbers 1-20. If you need more callout numbers, you must specify the glyphs key to remap the callout numbers to Unicode value using Unicode escape ranges. Keep in mind that the font you specify must provide the glyphs for these Unicode values or else the callout number won’t be rendered.

These keys don’t affect the callout list item content. The appearance of the callout list and the content of the list items are controlled separately by the keys in callout-list category. Also see font-* and line-height inheritance for more information.

Key Value Type Example

font-color

Color
(default: inherit)

conum:
  font-color: #B12146

font-family

Font family name
(default: inherit)

conum:
  font-family: M+ 1mn

font-kerning

none | normal
(default: inherit)

conum:
  font-kerning: none

font-size

Font size
(default: inherit)

conum:
  font-size: $base-font-size

font-style

Font style
(default: inherit)

conum:
  font-style: normal

glyphs

circled | filled | Unicode escape ranges
(default: circled)

conum:
  glyphs: \u2776-\u277f,\u24eb-\u24f4,\u3251-\u325a

line-height

Number
(default: 1.15)

conum:
  line-height: 4 / 3

font-family and glyphs

When a font is assigned to the conum-font-family key, it must contain the circle numbers starting at glyph U+2460, otherwise you must also assign a range of Unicode numbers to the conum-glyphs key. The glyphs can be specified as a comma-separated list of ranges, where the range values are Unicode numbers (e.g., \u2460). Unicode escape sequences are recognized even if the value is not enclosed in double quotes.

font-* and line-height inheritance

When the font-color, font-family, font-kerning, font-size, font-style, and line-height keys are set on the callout-list category they apply solely to the callout list item content, not the callout list markers. The inverse is also true. When these properties are set under the conum category, they only affect the callout list markers. This means that if you change the value of a font or line height key on the callout-list or conum category, then you likely need to change the value of the same key on the other category as well.