less/patternfly/charts.less

   1 //
   2 // Charts
   3 // --------------------------------------------------
   4
   5 .c3 {
   6   path {
   7     stroke: @table-border-color;
   8   }
   9   svg {
  10     font-family: @font-family-base;
  11   }
  12 }
  13
  14 .c3-axis-x .tick line {
  15   stroke: @table-border-color;
  16 }
  17
  18 .c3-axis-y .tick line {
  19   display: none;
  20 }
  21
  22 .c3-chart-arc path {
  23   stroke: #fff;
  24 }
  25
  26 .c3-grid line {
  27   stroke: @table-border-color;
  28 }
  29
  30 .c3-line {
  31   stroke-width: 2px;
  32 }
  33
  34 .c3-tooltip {
  35   background: @tooltip-bg;
  36   .box-shadow(none);
  37   .opacity(@tooltip-opacity);
  38
  39   td {
  40     background: transparent;
  41     border: 0;
  42     color: #fff;
  43     font-size: @font-size-base;
  44     padding: 5px 10px;
  45   }
  46
  47   th {
  48     background: transparent;
  49     font-size: @font-size-base;
  50     padding: 5px 10px 0;
  51   }
  52
  53   tr {
  54     border: 0;
  55     + tr > td {
  56       padding-top: 0;
  57     }
  58   }
  59 }
  60
  61 .c3-tooltip-sparkline {
  62   background: @tooltip-bg;
  63   color: #fff;
  64   .opacity(@tooltip-opacity);
  65   padding: 2px 6px;
  66 }
  67
  68 .c3-xgrid, .c3-ygrid {
  69   stroke-dasharray: 0 0;
  70 }
  71