resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss

   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
  12                         //qtip.scss
  13                         .#{$prefix}tip-anchor {
  14                         width: 10px;
  15                         height: 10px;
  16                     }
  17
  18                         //field.scss
  19                         .#{$prefix}form-text {
  20                         height: $form-field-height;
  21                     }
  22
  23                         textarea.#{$prefix}form-field {
  24                         height: auto;
  25                     }
  26
  27                     .#{$prefix}field-default-toolbar .#{$prefix}form-text {
  28                         height: $form-toolbar-field-height;
  29                     }
  30
  31                     //triggerfield.scss
  32                     .#{$prefix}form-trigger {
  33                         height: $form-trigger-height;
  34                     }
  35
  36                     .#{$prefix}field-default-toolbar .#{$prefix}form-trigger {
  37                         height: $form-toolbar-trigger-height;
  38                     }
  39
  40                     //grid.scss
  41                     @if $include-ie or $compile-all {
  42                         &.#{$prefix}ie9 {
  43                             .#{$prefix}grid-header-ct {
  44                                 padding-left: 1px;
  45                             }
  46                         }
  47                     }
  48                 }
  49     }
  50
  51     .#{$prefix}webkit {
  52         .#{$prefix}reset {
  53                 //form.scss
  54                 * {
  55                     &:focus {
  56                         outline:none !important;
  57                     }
  58                 }
  59
  60                 //field
  61                 .#{$prefix}form-empty-field {
  62                     line-height: 15px;
  63                 }
  64
  65                 //fieldset
  66                 .#{$prefix}fieldset-header {
  67                         padding-top: 1px;
  68                     }
  69             }
  70         }
  71
  72     /* Top Tabs */
  73         @include tab-bar-top-reset(
  74             "tab-bar-top",
  75             "tab-bar-body",
  76             "tab-bar-strip",
  77             $tabbar-top-body-padding,
  78             $tabbar-top-body-border-width,
  79             $tabbar-top-strip-border-width,
  80             $tabbar-strip-height
  81         );
  82         @include tab-bar-top-reset(
  83             "tab-bar-top",
  84             "tab-bar-body-default-plain",
  85             "tab-bar-strip-default-plain",
  86             $tabbar-top-plain-body-padding,
  87             $tabbar-top-plain-body-border-width,
  88             $tabbar-top-strip-border-width,
  89             $tabbar-strip-height
  90         );
  91
  92         /* Bottom Tabs */
  93         @include tab-bar-bottom-reset(
  94             "tab-bar-bottom",
  95             "tab-bar-body",
  96             "tab-bar-strip",
  97             $tabbar-bottom-body-padding,
  98             $tabbar-bottom-body-border-width,
  99             $tabbar-bottom-strip-border-width,
 100             $tabbar-strip-height
 101         );
 102
 103         @include tab-bar-bottom-reset(
 104             "tab-bar-bottom",
 105             "tab-bar-body-default-plain",
 106             "tab-bar-strip-default-plain",
 107             $tabbar-bottom-plain-body-padding,
 108             $tabbar-bottom-plain-body-border-width,
 109             $tabbar-bottom-strip-border-width,
 110             $tabbar-strip-height
 111         );
 112 }
 113
 114 @mixin tab-bar-top-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
 122                     .#{$prefix}#{$stripCls} {
 123                         height: $strip-height;
 124                     }
 125                 }
 126                 }
 127     }
 128 }
 129
 130 @mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) {
 131     .#{$prefix}border-box {
 132         .#{$prefix}reset {
 133                 .#{$prefix}#{$toolbarCls} {
 134                     .#{$prefix}#{$bodyCls} {
 135                         height: $tab-height + vertical($body-border-width) + vertical($body-padding);
 136                     }
 137
 138                     .#{$prefix}#{$stripCls} {
 139                         height: $strip-height;
 140                     }
 141                 }
 142             }
 143     }
 144 }