@charset "utf-8";
// Copyright 2019, Oath Inc.
// Licensed under the terms of the MIT license. See LICENSE file in project root for terms.

$icon-size-xs: 1.2rem !default;
$icon-size-sm: 1.8rem !default;
$icon-size-default: 2.4rem !default;
$icon-size-md: 3.6rem !default;
$icon-size-lg: 4.8rem !default;

@mixin icons-default {
  .d-icon {
    font-size: $icon-size-default;

    &.is-extrasmall {
      font-size: $icon-size-xs !important;
    }
    &.is-small {
      font-size: $icon-size-sm !important;
    }
    &.is-medium {
      font-size: $icon-size-md !important;
    }
    &.is-large {
      font-size: $icon-size-lg !important;
    }
  }

  svg.d-icon {
    width: $icon-size-default;
    height: $icon-size-default;

    &.is-extrasmall {
      width: $icon-size-xs !important;
      height: $icon-size-xs !important;
    }

    &.is-small {
      width: $icon-size-sm !important;
      height: $icon-size-sm !important;
    }

    &.is-medium {
      width: $icon-size-md !important;
      height: $icon-size-md !important;
    }

    &.is-large {
      width: $icon-size-lg !important;
      height: $icon-size-lg !important;
    }
  }
}

@mixin icons-theme {
  .d-icon {
    font-size: $icon-size-default;
    &.is-extrasmall {
      font-size: $icon-size-xs !important;
    }
    &.is-small {
      font-size: $icon-size-sm !important;
    }
    &.is-medium {
      font-size: $icon-size-md !important;
    }
    &.is-large {
      font-size: $icon-size-lg !important;
    }
  }

  svg.d-icon {
    width: $icon-size-default;
    height: $icon-size-default;

    &.is-extrasmall {
      width: $icon-size-xs !important;
      height: $icon-size-xs !important;
    }

    &.is-small {
      width: $icon-size-sm !important;
      height: $icon-size-sm !important;
    }

    &.is-medium {
      width: $icon-size-md !important;
      height: $icon-size-md !important;
    }

    &.is-large {
      width: $icon-size-lg !important;
      height: $icon-size-lg !important;
    }
  }
}
