_reset-extras.scss 3.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144
  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. * {
  47. &:focus {
  48. outline:none !important;
  49. }
  50. }
  51. //field
  52. .#{$prefix}form-empty-field {
  53. line-height: 15px;
  54. }
  55. //fieldset
  56. .#{$prefix}fieldset-header {
  57. padding-top: 1px;
  58. }
  59. }
  60. }
  61. /* Top Tabs */
  62. @include tab-bar-top-reset(
  63. "tab-bar-top",
  64. "tab-bar-body",
  65. "tab-bar-strip",
  66. $tabbar-top-body-padding,
  67. $tabbar-top-body-border-width,
  68. $tabbar-top-strip-border-width,
  69. $tabbar-strip-height
  70. );
  71. @include tab-bar-top-reset(
  72. "tab-bar-top",
  73. "tab-bar-body-default-plain",
  74. "tab-bar-strip-default-plain",
  75. $tabbar-top-plain-body-padding,
  76. $tabbar-top-plain-body-border-width,
  77. $tabbar-top-strip-border-width,
  78. $tabbar-strip-height
  79. );
  80. /* Bottom Tabs */
  81. @include tab-bar-bottom-reset(
  82. "tab-bar-bottom",
  83. "tab-bar-body",
  84. "tab-bar-strip",
  85. $tabbar-bottom-body-padding,
  86. $tabbar-bottom-body-border-width,
  87. $tabbar-bottom-strip-border-width,
  88. $tabbar-strip-height
  89. );
  90. @include tab-bar-bottom-reset(
  91. "tab-bar-bottom",
  92. "tab-bar-body-default-plain",
  93. "tab-bar-strip-default-plain",
  94. $tabbar-bottom-plain-body-padding,
  95. $tabbar-bottom-plain-body-border-width,
  96. $tabbar-bottom-strip-border-width,
  97. $tabbar-strip-height
  98. );
  99. }
  100. @mixin tab-bar-top-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  101. .#{$prefix}border-box {
  102. .#{$prefix}reset {
  103. .#{$prefix}#{$toolbarCls} {
  104. .#{$prefix}#{$bodyCls} {
  105. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  106. }
  107. .#{$prefix}#{$stripCls} {
  108. height: $strip-height;
  109. }
  110. }
  111. }
  112. }
  113. }
  114. @mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  115. .#{$prefix}border-box {
  116. .#{$prefix}reset {
  117. .#{$prefix}#{$toolbarCls} {
  118. .#{$prefix}#{$bodyCls} {
  119. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  120. }
  121. .#{$prefix}#{$stripCls} {
  122. height: $strip-height;
  123. }
  124. }
  125. }
  126. }
  127. }