/**
 * @license EUPL-1.2
 * Copyright (c) 2021-2022 Gemeente Utrecht
 * Copyright (c) 2021-2022 Frameless B.V.
 */

@mixin utrecht-icon {
  block-size: var(--utrecht-icon-size);
  color: var(--utrecht-icon-color);
  display: inline-block;
  font-size: var(--utrecht-icon-size);
  inline-size: var(--utrecht-icon-size);
  inset-block-start: var(--utrecht-icon-inset-block-start, 0);
  position: relative;
}

@mixin utrecht-icon__svg {
  /*
   * Override the width of SVGs when they are hardcoded, and avoid oversized SVG icons.
   * For example:
   * 
   *   <svg width="128px" height="128px">
   */

  /* stylelint-disable-next-line property-disallowed-list */
  height: 100%;

  /* Remove tooltip from SVG `<title>` element using `pointer-events: none` */
  pointer-events: none;

  /* stylelint-disable-next-line property-disallowed-list */
  width: 100%;
}