_reset-extras.scss.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>The source code</title>
  6. <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  7. <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  8. <style type="text/css">
  9. .highlight { display: block; background-color: #ddd; }
  10. </style>
  11. <script type="text/javascript">
  12. function highlight() {
  13. document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
  14. }
  15. </script>
  16. </head>
  17. <body onload="prettyPrint(); highlight();">
  18. <pre class="prettyprint lang-js">@mixin extjs-reset-extras {
  19. .#{$prefix}border-box {
  20. .#{$prefix}reset {
  21. //tab.scss
  22. .#{$prefix}tab-default-top {
  23. height: $tab-height + top($tabbar-top-strip-border-width);
  24. }
  25. .#{$prefix}tab-default-bottom {
  26. height: $tab-height + bottom($tabbar-bottom-strip-border-width);
  27. }
  28. //qtip.scss
  29. .#{$prefix}tip-anchor {
  30. width: 10px;
  31. height: 10px;
  32. }
  33. //field.scss
  34. .#{$prefix}form-text {
  35. height: $form-field-height;
  36. }
  37. textarea.#{$prefix}form-field {
  38. height: auto;
  39. }
  40. .#{$prefix}field-default-toolbar .#{$prefix}form-text {
  41. height: $form-toolbar-field-height;
  42. }
  43. //triggerfield.scss
  44. .#{$prefix}form-trigger {
  45. height: $form-trigger-height;
  46. }
  47. .#{$prefix}field-default-toolbar .#{$prefix}form-trigger {
  48. height: $form-toolbar-trigger-height;
  49. }
  50. //grid.scss
  51. @if $include-ie or $compile-all {
  52. &amp;.#{$prefix}ie9 {
  53. .#{$prefix}grid-header-ct {
  54. padding-left: 1px;
  55. }
  56. }
  57. }
  58. }
  59. }
  60. .#{$prefix}webkit {
  61. .#{$prefix}reset {
  62. //form.scss
  63. * {
  64. &amp;:focus {
  65. outline:none !important;
  66. }
  67. }
  68. //field
  69. .#{$prefix}form-empty-field {
  70. line-height: 15px;
  71. }
  72. //fieldset
  73. .#{$prefix}fieldset-header {
  74. padding-top: 1px;
  75. }
  76. }
  77. }
  78. /* Top Tabs */
  79. @include tab-bar-top-reset(
  80. &quot;tab-bar-top&quot;,
  81. &quot;tab-bar-body&quot;,
  82. &quot;tab-bar-strip&quot;,
  83. $tabbar-top-body-padding,
  84. $tabbar-top-body-border-width,
  85. $tabbar-top-strip-border-width,
  86. $tabbar-strip-height
  87. );
  88. @include tab-bar-top-reset(
  89. &quot;tab-bar-top&quot;,
  90. &quot;tab-bar-body-default-plain&quot;,
  91. &quot;tab-bar-strip-default-plain&quot;,
  92. $tabbar-top-plain-body-padding,
  93. $tabbar-top-plain-body-border-width,
  94. $tabbar-top-strip-border-width,
  95. $tabbar-strip-height
  96. );
  97. /* Bottom Tabs */
  98. @include tab-bar-bottom-reset(
  99. &quot;tab-bar-bottom&quot;,
  100. &quot;tab-bar-body&quot;,
  101. &quot;tab-bar-strip&quot;,
  102. $tabbar-bottom-body-padding,
  103. $tabbar-bottom-body-border-width,
  104. $tabbar-bottom-strip-border-width,
  105. $tabbar-strip-height
  106. );
  107. @include tab-bar-bottom-reset(
  108. &quot;tab-bar-bottom&quot;,
  109. &quot;tab-bar-body-default-plain&quot;,
  110. &quot;tab-bar-strip-default-plain&quot;,
  111. $tabbar-bottom-plain-body-padding,
  112. $tabbar-bottom-plain-body-border-width,
  113. $tabbar-bottom-strip-border-width,
  114. $tabbar-strip-height
  115. );
  116. }
  117. @mixin tab-bar-top-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  118. .#{$prefix}border-box {
  119. .#{$prefix}reset {
  120. .#{$prefix}#{$toolbarCls} {
  121. .#{$prefix}#{$bodyCls} {
  122. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  123. }
  124. .#{$prefix}#{$stripCls} {
  125. height: $strip-height;
  126. }
  127. }
  128. }
  129. }
  130. }
  131. @mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
  132. .#{$prefix}border-box {
  133. .#{$prefix}reset {
  134. .#{$prefix}#{$toolbarCls} {
  135. .#{$prefix}#{$bodyCls} {
  136. height: $tab-height + vertical($body-border-width) + vertical($body-padding);
  137. }
  138. .#{$prefix}#{$stripCls} {
  139. height: $strip-height;
  140. }
  141. }
  142. }
  143. }
  144. }</pre>
  145. </body>
  146. </html>