_reset-extras.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. @mixin extjs-reset-extras {
  2. .#{$prefix}border-box {
  3. .#{$prefix}reset {
  4. //tab.scss
  5. .#{$prefix}tab-default-top {
  6. height: $tab-height + top($tabbar-top-strip-border-width);
  7. }
  8. .#{$prefix}tab-default-bottom {
  9. height: $tab-height + bottom($tabbar-bottom-strip-border-width);
  10. }
  11. //qtip.scss
  12. .#{$prefix}tip-anchor {
  13. width: 10px;
  14. height: 10px;
  15. }
  16. //field.scss
  17. .#{$prefix}form-text {
  18. height: $form-field-height;
  19. }
  20. textarea.#{$prefix}form-field {
  21. height: auto;
  22. }
  23. .#{$prefix}field-default-toolbar .#{$prefix}form-text {
  24. height: $form-toolbar-field-height;
  25. }
  26. //triggerfield.scss
  27. .#{$prefix}form-trigger {
  28. height: $form-trigger-height;
  29. }
  30. .#{$prefix}field-default-toolbar .#{$prefix}form-trigger {
  31. height: $form-toolbar-trigger-height;
  32. }
  33. //grid.scss
  34. @if $include-ie or $compile-all {
  35. &.#{$prefix}ie9 {
  36. .#{$prefix}grid-header-ct {
  37. padding-left: 1px;
  38. }
  39. }
  40. }
  41. }
  42. }
  43. .#{$prefix}webkit {
  44. .#{$prefix}reset {
  45. //form.scss
  46. *:focus {
  47. @extend .outline-none;
  48. }
  49. //field
  50. .#{$prefix}form-empty-field {
  51. line-height: 15px;
  52. }
  53. //fieldset
  54. .#{$prefix}fieldset-header {
  55. padding-top: 1px;
  56. }
  57. }
  58. }
  59. /* Top Tabs */
  60. @include tab-bar-top-reset(
  61. "tab-bar-top",
  62. "tab-bar-body",
  63. "tab-bar-strip",
  64. $tabbar-top-body-padding,
  65. $tabbar-top-body-border-width,
  66. $tabbar-top-strip-border-width,
  67. $tabbar-strip-height
  68. );
  69. @include tab-bar-top-reset(
  70. "tab-bar-top",
  71. "tab-bar-body-default-plain",
  72. "tab-bar-strip-default-plain",
  73. $tabbar-top-plain-body-padding,
  74. $tabbar-top-plain-body-border-width,
  75. $tabbar-top-strip-border-width,
  76. $tabbar-strip-height
  77. );
  78. /* Bottom Tabs */
  79. @include tab-bar-bottom-reset(
  80. "tab-bar-bottom",
  81. "tab-bar-body",
  82. "tab-bar-strip",
  83. $tabbar-bottom-body-padding,
  84. $tabbar-bottom-body-border-width,
  85. $tabbar-bottom-strip-border-width,
  86. $tabbar-strip-height
  87. );
  88. @include tab-bar-bottom-reset(
  89. "tab-bar-bottom",
  90. "tab-bar-body-default-plain",
  91. "tab-bar-strip-default-plain",
  92. $tabbar-bottom-plain-body-padding,
  93. $tabbar-bottom-plain-body-border-width,
  94. $tabbar-bottom-strip-border-width,
  95. $tabbar-strip-height
  96. );
  97. }
  98. @mixin tab-bar-top-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  99. .#{$prefix}border-box {
  100. .#{$prefix}reset {
  101. .#{$prefix}#{$toolbarCls} {
  102. .#{$prefix}#{$bodyCls} {
  103. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  104. }
  105. .#{$prefix}#{$stripCls} {
  106. height: $strip-height;
  107. }
  108. }
  109. }
  110. }
  111. }
  112. @mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  113. .#{$prefix}border-box {
  114. .#{$prefix}reset {
  115. .#{$prefix}#{$toolbarCls} {
  116. .#{$prefix}#{$bodyCls} {
  117. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  118. }
  119. .#{$prefix}#{$stripCls} {
  120. height: $strip-height;
  121. }
  122. }
  123. }
  124. }
  125. }