Site header

Documentation
Style Guide
Theme
Icons

Icon Theme

Icon Variables

Overview
Guidance
Background
- Roots
Border
- Roots
  - --qp-image-border
Border Width
- Roots
  - --qp-border-width
  - --qp-focus-width
Color
Effect
- Roots
Font Family
- Roots
  - --qp-code-font-family
  - --qp-document-font-family
Font Size
- Roots
Font Weight
- Roots
Layer
- Systems
Layout
- Roots
- Systems
  - --qp-sticky-tray-occupied-bottom
  - --qp-sticky-tray-occupied-top
Line Height
- Roots
  - --qp-line-body
  - --qp-heading-line-height
Radius
- Roots
- Systems
  - --qp-system-radius-none
Shadow
- Roots
Size
- Roots
Spacing
- Roots
- Systems
  - --qp-system-space-none

Theme

Theme

Overview
Guidance
Background
- Roots
Border
- Roots
  - --qp-image-border
Border Width
- Roots
  - --qp-border-width
  - --qp-focus-width
Color
Effect
- Roots
Font Family
- Roots
  - --qp-code-font-family
  - --qp-document-font-family
Font Size
- Roots
Font Weight
- Roots
Layer
- Systems
Layout
- Roots
- Systems
  - --qp-sticky-tray-occupied-bottom
  - --qp-sticky-tray-occupied-top
Line Height
- Roots
  - --qp-line-body
  - --qp-heading-line-height
Radius
- Roots
- Systems
  - --qp-system-radius-none
Shadow
- Roots
Size
- Roots
Spacing
- Roots
- Systems
  - --qp-system-space-none

Base theme variables owned by the Icon architecture Key.

Architecture Key: Icon

--qp-icon-size

Choose the default scale of inline icons relative to surrounding content.