// Copyright (c) 2014, 2023, Oracle and/or its affiliates.  Licensed under The Universal Permissive License (UPL), Version 1.0 as shown at https://oss.oracle.com/licenses/upl/

// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
// WARNING: do not directly import this file, instead import the
//          version in your base theme's directory,
//          for example alta/widgets/_oj.alta.icon.scss
// !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

@import "../../utilities/oj.utilities";

//--------------------------------------------------------

// include dependencies
@if $includeIconCircleClasses != false {
  @include module-include-once("common.icon") {


    .oj-icon-circle{
      border-radius: 50%;
      border: 0px solid transparent;
      box-sizing: border-box;
      display: inline-block;
    }
  
      .oj-icon-circle-inner {
        border-radius: 50%;
        color:$iconCircleFontColor;
        background-color: $iconCircleInnerBgColor;
        box-sizing: border-box;;
        align-items: center;
        justify-content: center;
        display: flex;
      }
      
      .oj-icon-circle-xxs .oj-icon-circle-inner,
      .oj-icon-xxs .oj-icon-circle-inner {
        height:$iconCircleXxsInnerSize;
        width: $iconCircleXxsInnerSize;
        font-size: $iconCircleXxsFontSize;
      }
      
      .oj-icon-circle-xs .oj-icon-circle-inner,
      .oj-icon-xs .oj-icon-circle-inner {
        height:$iconCircleXsInnerSize;
        width: $iconCircleXsInnerSize;
        font-size: $iconCircleXsFontSize;
      }
      
      .oj-icon-circle-sm .oj-icon-circle-inner,
      .oj-icon-sm .oj-icon-circle-inner {
        height:$iconCircleSmInnerSize;
        width: $iconCircleSmInnerSize;
        font-size: $iconCircleSmFontSize;
      }
      
      .oj-icon-circle-inner {
        height:$iconCircleMdInnerSize;
        width: $iconCircleMdInnerSize;
        font-size: $iconCircleMdFontSize;
      }
      
      .oj-icon-circle-lg .oj-icon-circle-inner,
      .oj-icon-lg .oj-icon-circle-inner {
        height:$iconCircleLgInnerSize;
        width: $iconCircleLgInnerSize;
        font-size: $iconCircleLgFontSize;
      }
      
      .oj-icon-circle-xl .oj-icon-circle-inner,
      .oj-icon-xl .oj-icon-circle-inner {
        height:$iconCircleXlInnerSize;
        width: $iconCircleXlInnerSize;
        font-size: $iconCircleXlFontSize;
      }
      
      .oj-icon-circle-xxl .oj-icon-circle-inner,
      .oj-icon-xxl .oj-icon-circle-inner {
        height:$iconCircleXxlInnerSize;
        width: $iconCircleXxlInnerSize;
        font-size: $iconCircleXxlFontSize;
      }

      .oj-icon-circle-green .oj-icon-circle-inner{
        background-color: $iconCircleGreen;
      }
      
      .oj-icon-circle-purple .oj-icon-circle-inner{
        background-color: $iconCirclePurple;
      }
      
      .oj-icon-circle-red .oj-icon-circle-inner{
        background-color: $iconCircleRed;
      }
      
      .oj-icon-circle-teal .oj-icon-circle-inner{
        background-color: $iconCircleTeal;
      }
      
      .oj-icon-circle-orange .oj-icon-circle-inner{
        background-color: $iconCircleOrange;
      }
      
      .oj-icon-circle-forest .oj-icon-circle-inner{
        background-color: $iconCircleForest; 
      }
      
      .oj-icon-circle-mauve .oj-icon-circle-inner{
        background-color: $iconCircleMauve; 
      }

      .oj-icon-circle-pink .oj-icon-circle-inner{
        background-color: $iconCirclePink; 
      }

      .oj-icon-circle-gray .oj-icon-circle-inner{
        background-color: $iconCircleGray; 
      }

      .oj-icon-circle-blue .oj-icon-circle-inner{
        background-color: $iconCircleBlue; 
      }

      .oj-icon-circle-lilac .oj-icon-circle-inner{
        background-color: $iconCircleLilac; 
      }

      .oj-icon-circle-slate .oj-icon-circle-inner{
        background-color: $iconCircleSlate; 
      }

      
  }
}