_reset-extras.scss (3524B)
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 }