.p-picklist { .p-picklist-buttons { padding: $panelContentPadding; .p-button { margin-bottom: $inlineSpacing; } } .p-picklist-header { background: $panelHeaderBg; color: $panelHeaderTextColor; border: $panelHeaderBorder; padding: $panelHeaderPadding; font-weight: $panelHeaderFontWeight; border-bottom: 0 none; border-top-right-radius: $borderRadius; border-top-left-radius: $borderRadius; } .p-picklist-filter-container { padding: $panelHeaderPadding; background: $panelContentBg; border: $panelHeaderBorder; border-bottom: 0 none; .p-picklist-filter-input { padding-right: nth($inputPadding, 2) + $primeIconFontSize; } .p-picklist-filter-icon { right: nth($inputPadding, 2); color: $inputIconColor; } } .p-picklist-list { border: $panelContentBorder; background: $panelContentBg; color: $panelContentTextColor; padding: $inputListPadding; border-bottom-right-radius: $borderRadius; border-bottom-left-radius: $borderRadius; .p-picklist-item { padding: $inputListItemPadding; margin: $inputListItemMargin; border: $inputListItemBorder; color: $inputListItemTextColor; background: $inputListItemBg; transition: transform $transitionDuration, $listItemTransition; &:not(.p-highlight):hover { background: $inputListItemHoverBg; color: $inputListItemTextHoverColor; } &:focus { @include focused-listitem(); } &.p-highlight { color: $highlightTextColor; background: $highlightBg; } } } }