You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

57 lines
1.4 KiB

3 months ago
  1. @use 'sass:map';
  2. @use 'mixins/mixins' as *;
  3. @use 'common/var' as *;
  4. @include b(select-dropdown) {
  5. z-index: calc(#{getCssVar('index-top')} + 1);
  6. border-radius: getCssVar('border-radius-base');
  7. box-sizing: border-box;
  8. .#{$namespace}-scrollbar.is-empty .#{$namespace}-select-dropdown__list {
  9. padding: 0;
  10. }
  11. }
  12. @include b(select-dropdown__loading) {
  13. padding: map.get($select-dropdown, 'empty-padding');
  14. margin: 0;
  15. text-align: center;
  16. color: map.get($select-dropdown, 'empty-color');
  17. font-size: getCssVar('select-font-size');
  18. }
  19. @include b(select-dropdown__empty) {
  20. padding: map.get($select-dropdown, 'empty-padding');
  21. margin: 0;
  22. text-align: center;
  23. color: map.get($select-dropdown, 'empty-color');
  24. font-size: getCssVar('select-font-size');
  25. }
  26. @include b(select-dropdown__wrap) {
  27. max-height: map.get($select-dropdown, 'max-height');
  28. }
  29. @include b(select-dropdown__list) {
  30. list-style: none;
  31. padding: map.get($select-dropdown, 'padding');
  32. margin: 0;
  33. box-sizing: border-box;
  34. &.#{$namespace}-vl__window {
  35. // for select-v2
  36. margin: map.get($select-dropdown, 'padding');
  37. padding: 0;
  38. }
  39. }
  40. @include b(select-dropdown__header) {
  41. padding: map.get($select-dropdown, 'header-padding');
  42. border-bottom: map.get($select-dropdown, 'border');
  43. }
  44. @include b(select-dropdown__footer) {
  45. padding: map.get($select-dropdown, 'footer-padding');
  46. border-top: map.get($select-dropdown, 'border');
  47. }