@import '../utilities/mixins';

///Theme for component button.
///
///@author Federico Gambardella<fedega86@libero.it>
///@param $section
///@param $map
@mixin component-tooltip($section, $map) {
    @if($section == 'tooltip') {
        @include tooltip-color('basic',$map);
        @include tooltip-color('primary',$map);
        @include tooltip-color('danger',$map);
    }
}

/// Set button color.
/// 
/// @author Federico Gambardella<fedega86@libero.it>
/// @param $name
/// @param $map
@mixin tooltip-color($name, $map) {
    .fk-tooltip-container {
          
        font-size:  map-get($map, font-size);
        font-family: map-get($map, font-family);
        font-weight: map-get($map, font-weight );

          .fk-tooltip-#{$name} {
            background-color: map-get($map, bg-#{$name});

             &::after {
                border-top-color: map-get($map, bg-#{$name});
             }
          }

          .fk-tooltip-#{$name}.position-bottom {

            &::after {
                border-bottom-color:map-get($map, bg-#{$name})!important;
            }
          }

          .fk-tooltip-#{$name}.position-right {

             &::after {
              border-top-color:map-get($map, bg-#{$name})!important;  
            }
          }

          .fk-tooltip-#{$name}.position-left {

            &::after {
             border-top-color:map-get($map, bg-#{$name})!important;  
           }
         }
    }
    
}