skyquake/framework/widgets/metric-bars/metricBarGroup.scss

/*
 * 
 *   Copyright 2016 RIFT.IO Inc
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 *
 */
@import "../../../framework/style/_colors.scss";
    .metricBarGroup {
      display:flex;
      flex-direction:column;
      padding: 1rem;
      justify-content: center;
      h3 {
        text-align:center;
        font-weight:bold;
      }
      .bar {
        fill: $brand-blue-light;
        stroke: black;
      }
      .y.axis {
        .domain {
          transform:scaleX(0.25);
        }
      }
      .x.axis {
        .domain {
          transform:scaleY(0.25);
        }
     }
     .metriclabel, .y.axis .tick text{
      font-size:3rem;
     }
     &>div {
      flex: 1 1 %33;
     }
   }