select.less 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263
  1. @import "../variate.less";
  2. .@{elNamespace}-select{
  3. &:hover {
  4. --el-select-border-color-hover: var(--el-color-primary);
  5. }
  6. .@{elNamespace}-tag.@{elNamespace}-tag--info {
  7. --el-tag-text-color: var(--el-text-color-primary);
  8. .@{elNamespace}-tag__close {
  9. color: var(--el-color-info);
  10. &:hover {
  11. background-color: var(--el-color-info-light-8)
  12. }
  13. }
  14. .@{elNamespace}-tag__content {
  15. display: flex;
  16. align-items: center;
  17. }
  18. }
  19. }
  20. .@{elNamespace}-select--disabled {
  21. .@{elNamespace}-tag.@{elNamespace}-tag--info{
  22. border-color: var(--el-border-color-light);
  23. background-color: transparent;
  24. }
  25. }
  26. .@{elNamespace}-select-dropdown__item {
  27. &.hover {
  28. background-color: var(--el-color-info-light-9);
  29. }
  30. &.is-disabled {
  31. color: var(--el-color-info-light-5)
  32. }
  33. }
  34. .@{elNamespace}-cascader {
  35. .@{elNamespace}-input {
  36. .@{elNamespace}-input__wrapper:hover {
  37. box-shadow: 0 0 0 1px var(--el-color-primary) inset;
  38. }
  39. }
  40. }
  41. .@{elNamespace}-picker__popper, .@{elNamespace}-cascader__dropdown, .@{elNamespace}-autocomplete__popper, .@{elNamespace}-select__popper, .@{elNamespace}-select-v2__popper, .@{elNamespace}-dropdown__popper{
  42. &[data-popper-placement|=bottom] {
  43. transform: translateY(-10px);
  44. }
  45. &[data-popper-placement|=top] {
  46. transform: translateY(10px);
  47. }
  48. .@{elNamespace}-popper__arrow {
  49. display: none;
  50. }
  51. }
  52. .cip-nav-color {
  53. transform: translateY(16px);
  54. }
  55. .cip-nav-layout {
  56. transform: translateY(-10px);
  57. }
  58. .@{elNamespace}-popper.cip-menu-popper.cip-menu-popper--horizontal {
  59. max-width: 100%;
  60. }