///Theme for component action.
///
///@author Federico Gambardella<fedega86@libero.it>
///@param $section
///@param $map
@mixin component-card($section, $map) {
    @if($section == 'card' ) {
        .fk-#{$section} {
            background-color: map-get($map, bg);
            color: map-get($map, color);
            border: map-get($map, border);
        } 

        .fk-card-footer {
            border-top: map-get($map, border-top);
        }

        .fk-card-header {
            border-bottom: map-get($map, border-bottom);
            width: 100%;
        }
    

    .fk-card-multi .fk-card-normal .fk-card {  //da mettere in un'altra mappa
        border-radius: 0px;
        border-bottom: none ;
      }
      
      .fk-card-multi {
        .fk-card-normal:first-child {
            .fk-card {
                border-top-right-radius:0.25rem ;
                border-top-left-radius: 0.25rem;
            }
        }
      
         .fk-card-normal:last-child {
            .fk-card {
                border-bottom-right-radius:0.25rem  ;
                border-bottom-left-radius: 0.25rem;
                border-bottom:  map-get($map, border) !important;
            }
        }
      }
      @include accent-color('basic',$map);
      @include accent-color('primary',$map);
      @include accent-color('danger',$map)
    }
}

@mixin accent-color($name, $map) {
    .fk-accent-#{$name} {
       border-top-color: map-get($map, accent-#{$name});
    }
}