tabs.less 789 B

123456789101112131415161718192021222324252627282930313233343536373839404142
  1. @import "../variate.less";
  2. .@{elNamespace}-tabs{
  3. &__item{
  4. font-weight: 400;
  5. padding: 0 16px;
  6. &.is-active{
  7. font-weight: 500;
  8. }
  9. &.is-disabled{
  10. color: var(~'--@{elNamespace}-text-color-disabled');
  11. }
  12. .@{elNamespace}-badge{
  13. display: inline-flex;
  14. align-items: center;
  15. vertical-align: text-bottom;
  16. margin-left: 5px;
  17. }
  18. }
  19. &__active-bar{
  20. height: 3px;
  21. }
  22. }
  23. .@{elNamespace}-radio-group{
  24. .@{elNamespace}-radio-button{
  25. &__inner{
  26. padding: 8px 20px;
  27. }
  28. &__original-radio:disabled+.@{elNamespace}-radio-button__inner{
  29. color: var(~'--@{elNamespace}-text-color-disabled');
  30. }
  31. // 小尺寸
  32. &--small{
  33. .@{elNamespace}-radio-button__inner{
  34. padding: 5px 16px;
  35. }
  36. }
  37. }
  38. }