TabPanel.less 617 B

123456789101112131415161718192021222324252627282930313233343536373839
  1. // TabPanel
  2. .@{prefix}-tabs {
  3. display: block;
  4. border-bottom: 1px solid @tab-border;
  5. }
  6. .@{prefix}-tab {
  7. .inline-block();
  8. border: 1px solid @tab-border;
  9. border-width: 0 1px 0 0;
  10. background: @tab-bg;
  11. padding: 8px;
  12. text-shadow: @text-shadow;
  13. height: 13px;
  14. cursor: pointer;
  15. }
  16. .@{prefix}-tab:hover {
  17. background: @tab-bg-hover;
  18. }
  19. .@{prefix}-tab.@{prefix}-active {
  20. background: @tab-bg-active;
  21. border-bottom-color: transparent;
  22. margin-bottom: -1px;
  23. height: 14px;
  24. }
  25. // RTL
  26. .@{prefix}-rtl .@{prefix}-tabs {
  27. text-align: right;
  28. direction: rtl;
  29. }
  30. .@{prefix}-rtl .@{prefix}-tab {
  31. border-width: 0 0 0 1px;
  32. }