partkeepr/PartKeepr

@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;
                }
            }
        }
    }
}