common.less

@import "./lib.less";
@import "./normalize.less";
@import "./scrollbar.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: @dls-font-size-1;
    font-weight: @dls-font-weight-1;
    font-family: @dls-font-family;
    color: @dls-foreground-color-neutral;
  }

  // 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: @dls-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);
  }

  ._veui-scrollbar();
}