@import 'legacy/stats';

.stats-widget {
  @extend .overview-widget;

  ul.listing {
    max-width: 250px;
    min-width: 180px;
    float: right;

    li {
      max-width: auto;
      & + li:before {
        $item-border-color: lighten($overview-widget-border, 10%);
        $item-border-color: linear-gradient(right, $overview-widget-border 50%, $item-border-color 70%, $overview-widget-background 95%);
        @include background-image($item-border-color);
      }
    }
  }
}

.inline_stats {
  $border-color: darken(#F0F0F0, 20%);

  #mini-charts {
    @include fluid-charts;
    float: left;

    .charts {
      float: left;
      margin-right: 2em;
      min-width: 340px;
      min-height: 100px;
      // this replicates colors from original style with #F0F0F0 as base
      border-color: $border-color lighten($border-color, 0.5%) lighten($border-color, 3%) lighten($border-color, 3.5%);

      .metric-name {
        font-weight: bold;
      }
    }
  }
  @include clearfix;
}


