/*!
 * Copyright (c) 2022 Evolveum and contributors
 *
 * This work is dual-licensed under the Apache License 2.0
 * and European Union Public License. See LICENSE file for details.
 */

.rounded-icon {
  display: flex;
  border-radius: 50% !important;
  align-items: center !important;
  justify-content: center !important;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  border: 2px solid;

  &.rounded-icon-sm {
    width: 16px !important;
    height: 16px !important;
    min-width: 16px !important;
    min-height: 16px !important;

    & > i.fa {
      font-size: 0.75em;
      line-height: 0.08333em;
    }
  }

  &.rounded-icon-none {
    display: none !important;
  }

  @each $name, $color in $theme-colors {
    &.rounded-icon-#{$name} {
      &.rounded-icon-partial {
        background-color: $white !important;
        border-color: $color !important;

        & > i {
          color: $color !important;
        }
      }

      &.rounded-icon-full {
        background-color: $color !important;
        border-color: $color !important;

        & > i {
          color: $white !important;
        }
      }
    }
  }
}
