select-dropdown.scss 1.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. @import "mixins/mixins";
  2. @import "common/var";
  3. @import "./popper";
  4. @include b(select-dropdown) {
  5. position: absolute;
  6. z-index: #{$--index-top + 1};
  7. border: $--select-dropdown-border;
  8. border-radius: $--border-radius-base;
  9. background-color: $--select-dropdown-background;
  10. box-shadow: $--select-dropdown-shadow;
  11. box-sizing: border-box;
  12. margin: 5px 0;
  13. @include when(multiple) {
  14. & .el-select-dropdown__item.selected {
  15. color: $--select-option-selected-font-color;
  16. background-color: $--select-dropdown-background;
  17. &.hover {
  18. background-color: $--select-option-hover-background;
  19. }
  20. &::after {
  21. position: absolute;
  22. right: 20px;
  23. font-family: 'element-icons';
  24. content: "\e6da";
  25. font-size: 12px;
  26. font-weight: bold;
  27. -webkit-font-smoothing: antialiased;
  28. -moz-osx-font-smoothing: grayscale;
  29. }
  30. }
  31. }
  32. .el-scrollbar.is-empty .el-select-dropdown__list{
  33. padding: 0;
  34. }
  35. }
  36. @include b(select-dropdown__empty) {
  37. padding: $--select-dropdown-empty-padding;
  38. margin: 0;
  39. text-align: center;
  40. color: $--select-dropdown-empty-color;
  41. font-size: $--select-font-size;
  42. }
  43. @include b(select-dropdown__wrap) {
  44. max-height: $--select-dropdown-max-height;
  45. }
  46. @include b(select-dropdown__list) {
  47. list-style: none;
  48. padding: $--select-dropdown-padding;
  49. margin: 0;
  50. box-sizing: border-box;
  51. }