add extjs 6.0.1 sources

[extjs.git] / extjs / classic / theme-base / sass / etc / mixins / css-outline.scss

/**\r
 * adds a css outline to an element with compatibility for IE8/outline-offset\r
 * NOTE: the element receiving the outline must be positioned (either relative or absolute)\r
 * in order for the outline to work in IE8\r
 *\r
 * @param {number} [$width=1px]\r
 * The width of the outline\r
 *\r
 * @param {string} [$style=solid]\r
 * The style of the outline\r
 *\r
 * @param {color} [$color=#000]\r
 * The color of the outline\r
 *\r
 * @param {number} [$offset=0]\r
 * The offset of the outline\r
 *\r
 * @param {number/list} [$border-width=0]\r
 * The border-width of the element receiving the outline.\r
 * Required in order for outline-offset to work in IE8\r
 *\r
 * @param {boolean} [$pseudo=false]\r
 * `true to always use a pseudo element to render the outline.\r
 * by default this behavior is limited to IE8 only, but can be enabled in all browser\r
 * when required\r
 * \r
 * @member Global_CSS\r
 * @private\r
 */\r
@mixin css-outline(\r
    $width: 1px,\r
    $style: solid,\r
    $color: #000,\r
    $offset: 0,\r
    $border-width: 0,\r
    $pseudo: false\r
) {\r
    @mixin css-outline-pseudo() {\r
        &:after {\r
            position: absolute;\r
            content: ' ';\r
            top: -$offset - $width - top($border-width) ;\r
            right: -$offset - $width - right($border-width);\r
            bottom: -$offset - $width - bottom($border-width);\r
            left: -$offset - $width - left($border-width);\r
\r
            border: $width $style $color;\r
            pointer-events: none;\r
        }\r
    }\r
\r
    @if $pseudo {\r
        @include css-outline-pseudo;\r
    } @else {\r
        outline: $width $style $color;\r
        outline-offset: $offset;\r
\r
        @if $include-ie {\r
            .#{$prefix}ie8 & {\r
                outline: none;\r
                @include css-outline-pseudo;\r
\r
            }\r
        }\r
    }\r
}