X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/6746dc89c47ed01b165cc1152533605f97eb8e8d..f562e4c6e5fac7bcb445985b99acbea4d706e6f0:/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss diff --git a/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss b/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss new file mode 100644 index 00000000..6ef7778f --- /dev/null +++ b/resources/themes/stylesheets/ext4/default/mixins/_reset-extras.scss @@ -0,0 +1,144 @@ +@mixin extjs-reset-extras { + .#{$prefix}border-box { + .#{$prefix}reset { + //tab.scss + .#{$prefix}tab-default-top { + height: $tab-height + top($tabbar-top-strip-border-width); + } + .#{$prefix}tab-default-bottom { + height: $tab-height + bottom($tabbar-bottom-strip-border-width); + } + + //qtip.scss + .#{$prefix}tip-anchor { + width: 10px; + height: 10px; + } + + //field.scss + .#{$prefix}form-text { + height: $form-field-height; + } + + textarea.#{$prefix}form-field { + height: auto; + } + + .#{$prefix}field-default-toolbar .#{$prefix}form-text { + height: $form-toolbar-field-height; + } + + //triggerfield.scss + .#{$prefix}form-trigger { + height: $form-trigger-height; + } + + .#{$prefix}field-default-toolbar .#{$prefix}form-trigger { + height: $form-toolbar-trigger-height; + } + + //grid.scss + @if $include-ie or $compile-all { + &.#{$prefix}ie9 { + .#{$prefix}grid-header-ct { + padding-left: 1px; + } + } + } + } + } + + .#{$prefix}webkit { + .#{$prefix}reset { + //form.scss + * { + &:focus { + outline:none !important; + } + } + + //field + .#{$prefix}form-empty-field { + line-height: 15px; + } + + //fieldset + .#{$prefix}fieldset-header { + padding-top: 1px; + } + } + } + + /* Top Tabs */ + @include tab-bar-top-reset( + "tab-bar-top", + "tab-bar-body", + "tab-bar-strip", + $tabbar-top-body-padding, + $tabbar-top-body-border-width, + $tabbar-top-strip-border-width, + $tabbar-strip-height + ); + @include tab-bar-top-reset( + "tab-bar-top", + "tab-bar-body-default-plain", + "tab-bar-strip-default-plain", + $tabbar-top-plain-body-padding, + $tabbar-top-plain-body-border-width, + $tabbar-top-strip-border-width, + $tabbar-strip-height + ); + + /* Bottom Tabs */ + @include tab-bar-bottom-reset( + "tab-bar-bottom", + "tab-bar-body", + "tab-bar-strip", + $tabbar-bottom-body-padding, + $tabbar-bottom-body-border-width, + $tabbar-bottom-strip-border-width, + $tabbar-strip-height + ); + + @include tab-bar-bottom-reset( + "tab-bar-bottom", + "tab-bar-body-default-plain", + "tab-bar-strip-default-plain", + $tabbar-bottom-plain-body-padding, + $tabbar-bottom-plain-body-border-width, + $tabbar-bottom-strip-border-width, + $tabbar-strip-height + ); +} + +@mixin tab-bar-top-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) { + .#{$prefix}border-box { + .#{$prefix}reset { + .#{$prefix}#{$toolbarCls} { + .#{$prefix}#{$bodyCls} { + height: $tab-height + vertical($body-border-width) + vertical($body-padding); + } + + .#{$prefix}#{$stripCls} { + height: $strip-height; + } + } + } + } +} + +@mixin tab-bar-bottom-reset($toolbarCls, $bodyCls, $stripCls, $body-padding, $body-border-width, $strip-border-width, $strip-height) { + .#{$prefix}border-box { + .#{$prefix}reset { + .#{$prefix}#{$toolbarCls} { + .#{$prefix}#{$bodyCls} { + height: $tab-height + vertical($body-border-width) + vertical($body-padding); + } + + .#{$prefix}#{$stripCls} { + height: $strip-height; + } + } + } + } +} \ No newline at end of file