TabPanel.less 706 B

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