_ui.tab.scss 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. @charset "utf-8";
  2. /*
  3. * @file: 选项卡UI组件
  4. * @update: 2015-06-03 16:17:02
  5. */
  6. /*
  7. * 默认选项卡
  8. * @base
  9. */
  10. .ui-tab__hd {
  11. position: relative;
  12. margin-bottom: 15px;
  13. }
  14. .ui-tab__ext {
  15. position: absolute;
  16. top: 50%;
  17. right: 0;
  18. margin-top: -8px;
  19. }
  20. .ui-tab__nav {
  21. font-size: 0; /* 所有浏览器 */
  22. *word-spacing: -1px; /* IE6/7 */
  23. border-bottom: 1px solid $base-border-color;
  24. }
  25. @media (-webkit-min-device-pixel-ratio:0) {
  26. .ui-tab__nav {
  27. letter-spacing: -5px; /* Safari 5- 等不支持 font-size: 0 的浏览器*/
  28. }
  29. }
  30. .ui-tab__trigger {
  31. @include inline-block(top, true);
  32. letter-spacing: normal;
  33. word-spacing: normal;
  34. margin-right: 3px;
  35. height: 32px;
  36. line-height: 32px;
  37. font-size: 14px;
  38. border: 1px solid #fff;
  39. border-bottom: 0;
  40. background-color: #fff;
  41. overflow: hidden;
  42. cursor: pointer;
  43. &.is-active {
  44. *position: relative;
  45. margin-bottom: -1px;
  46. padding-bottom: 1px;
  47. border-color: $base-border-color;
  48. font-weight: 700;
  49. }
  50. a {
  51. display: block;
  52. padding: 0 15px;
  53. color: $base-text-color;
  54. }
  55. }