select-dropdown.scss 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  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 {
  15. padding-right: 40px;
  16. }
  17. & .el-select-dropdown__item.selected {
  18. color: $--select-option-selected-font-color;
  19. background-color: $--select-dropdown-background;
  20. &.hover {
  21. background-color: $--select-option-hover-background;
  22. }
  23. &::after {
  24. position: absolute;
  25. right: 20px;
  26. font-family: 'element-icons';
  27. content: "\e6da";
  28. font-size: 12px;
  29. font-weight: bold;
  30. -webkit-font-smoothing: antialiased;
  31. -moz-osx-font-smoothing: grayscale;
  32. }
  33. }
  34. }
  35. .el-scrollbar.is-empty .el-select-dropdown__list{
  36. padding: 0;
  37. }
  38. }
  39. @include b(select-dropdown__empty) {
  40. padding: $--select-dropdown-empty-padding;
  41. margin: 0;
  42. text-align: center;
  43. color: $--select-dropdown-empty-color;
  44. font-size: $--select-font-size;
  45. }
  46. @include b(select-dropdown__wrap) {
  47. max-height: $--select-dropdown-max-height;
  48. }
  49. @include b(select-dropdown__list) {
  50. list-style: none;
  51. padding: $--select-dropdown-padding;
  52. margin: 0;
  53. box-sizing: border-box;
  54. }