/**
* @file common.less
* @desc 公共样式文件
*/
@import "./lib.less";
@import "./normalize.less";
@import (reference) "./link.less";
@import (reference) "./drag.less";

/* Overriding est variables */
@support-ie-version: 11;

._veui-output-common(@element) {
    .output-selector() when (@element = html) {
        @selector: html;
    }
    .output-selector() when not (@element = html) {
        @selector: @element, @veui-overlay-element;
    }
    .output-selector();

    @{selector} {
        font-size: @veui-font-size-m;
        font-weight: @veui-font-weight-1;
        font-family: @veui-font-family;
        color: @veui-font-color-normal;
    }

    // only enable on Retina displays
    @media screen and (min-resolution: 2dppx) {
        @{selector} {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }
    }

    ._veui-drag-sort();
}
._veui-output-common(html) {
    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }

    ._veui-output-common-content();
}
._veui-output-common(@element) when not (@element = html) {
    @{element},
    @{veui-overlay-element} {
        display: block;

        &,
        * {
        &,
        &::before,
        &::after {
            box-sizing: border-box;
        }
        }
        ._veui-output-common-content();
    }
}

._veui-output-common(@veui-root-element);

// common styles for content
._veui-output-common-content () {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: @veui-font-weight-2;
    }

    .@{veui-prefix}-disabled {
        cursor: not-allowed !important;
    }

    .@{veui-prefix}-sr-only {
        .veui-invisible();
    }

    .@{veui-prefix}-hidden {
        visibility: hidden;
    }

    a {
        &:extend(._veui-link all);
    }
}