Keyboard Macro Category Keys

kbd

The keys in the kbd category apply to a kbd reference generated from the inline keyboard macro. The kbd reference is a span of text denoting textual user input from a keyboard, voice input, or other text entry device.

Key Value Type Example

background-color

Color
(default: not set)

kbd:
  background-color: #FAFAFA

border-color

Color
(default: not set)

kbd:
  border-color: #CCCCCC

border-offset

Number
(default: 0)

kbd:
  border-offset: 1.5

border-radius

Measurement
(default: 0)

kbd:
  border-radius: 2

border-width

Measurement
(default: $base-border-width)

kbd:
  border-width: 0.375

font-color

Color
(default: inherit)

kbd:
  font-color: #000

font-family

Font family name
(default: Courier)

kbd:
  font-family: $base-font-family

font-size

Number
(default: inherit)

kbd:
  font-size: 10.5

font-style

Font style
(default: italic)

kbd:
  font-style: normal

separator

Quoted string
(default: "+")

kbd:
  separator: "\u2009+\u2009"

border-color

A border is only applied to a kbd reference if the border-color key is specified and the border-width key isn’t explicitly set to zero.

border-offset

The border offset is the amount that the background and border swells around the keyboard sequence text. The value assigned to border-offset doesn’t affect the distance between the formatted keyboard sequence and the phrases that surround it.

separator

The value of the separator key is only used for multi-key input sequences.