Skip to content

Latest commit

 

History

History
113 lines (111 loc) · 2.65 KB

theming_variables.md

File metadata and controls

113 lines (111 loc) · 2.65 KB

Theming variables

Override the following CSS custom properties (variables) to style svelte-select components.

  • --background
  • --border
  • --border-focused
  • --border-hover
  • --border-radius
  • --border-radius-focused
  • --box-sizing
  • --chevron-background
  • --chevron-border
  • --chevron-color
  • --chevron-height
  • --chevron-icon-colour
  • --chevron-icon-width
  • --chevron-pointer-events
  • --chevron-width
  • --clear-icon-color
  • --clear-icon-width
  • --clear-select-color
  • --clear-select-focus-outline
  • --clear-select-height
  • --clear-select-margin
  • --clear-select-width
  • --disabled-background
  • --disabled-border-color
  • --disabled-color
  • --disabled-placeholder-color
  • --disabled-placeholder-opacity
  • --error-background
  • --error-border
  • --font-size
  • --group-item-padding-left
  • --group-title-border-color
  • --group-title-border-style
  • --group-title-border-width
  • --group-title-color
  • --group-title-font-size
  • --group-title-font-weight
  • --group-title-padding
  • --group-title-text-transform
  • --height
  • --icons-color
  • --indicators-bottom
  • --indicators-position
  • --indicators-right
  • --indicators-top
  • --input-color
  • --input-left
  • --input-letter-spacing
  • --input-margin
  • --input-padding
  • --internal-padding
  • --item-active-background
  • --item-color
  • --item-first-border-radius
  • --item-height
  • --item-hover-bg
  • --item-hover-color
  • --item-is-active-bg
  • --item-is-active-color
  • --item-is-not-selectable-color
  • --item-line-height
  • --item-padding
  • --item-transition
  • --list-background
  • --list-border
  • --list-border-radius
  • --list-empty-color
  • --list-empty-padding
  • --list-empty-text-align
  • --list-max-height
  • --list-position
  • --list-shadow
  • --list-z-index
  • --loading--margin
  • --loading-color
  • --loading-height
  • --loading-width
  • --margin
  • --max-height
  • --multi-item-active-outline
  • --multi-item-bg
  • --multi-item-border-radius
  • --multi-item-clear-icon-color
  • --multi-item-color
  • --multi-item-disabled-hover-bg
  • --multi-item-disabled-hover-color
  • --multi-item-gap
  • --multi-item-height
  • --multi-item-margin
  • --multi-item-outline
  • --multi-item-padding
  • --multi-max-width
  • --multi-select-input-margin
  • --multi-select-input-padding
  • --multi-select-padding
  • --padding
  • --placeholder-color
  • --placeholder-opacity
  • --selected-item-color
  • --selected-item-overflow
  • --selected-item-padding
  • --spinner-color
  • --spinner-height
  • --spinner-width
  • --value-container-overflow
  • --value-container-padding
  • --width