select.scss 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .test-width {
  2. width: 130px;
  3. }
  4. .sb-show-main {
  5. position: absolute;
  6. top: 0;
  7. }
  8. .components-select-demo-renderOptionItem {
  9. .custom-option-render {
  10. display: flex;
  11. font-size: 14px;
  12. line-height: 20px;
  13. word-break: break-all;
  14. padding-left: 12px;
  15. padding-right: 12px;
  16. padding-top: 8px;
  17. padding-bottom: 8px;
  18. color: var(--semi-color-text-0);
  19. position: relative;
  20. align-items: center;
  21. cursor: pointer;
  22. box-sizing: border-box;
  23. .option-right {
  24. margin-left: 8px;
  25. display: inline-flex;
  26. align-items: center;
  27. }
  28. &:active {
  29. background-color: var(--semi-color-fill-1);
  30. }
  31. &-focused {
  32. background-color: var(--semi-color-fill-0);
  33. }
  34. &-selected {
  35. font-weight: 700;
  36. }
  37. &-disabled {
  38. color: var(--semi-color-disabled-text);
  39. cursor: not-allowed;
  40. }
  41. &:first-of-type {
  42. margin-top: $spacing-extra-tight;
  43. }
  44. &:last-of-type {
  45. margin-bottom: $spacing-extra-tight;
  46. }
  47. }
  48. }