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

   1
   2 /*
   3  *
   4  *   Copyright 2016 RIFT.IO Inc
   5  *
   6  *   Licensed under the Apache License, Version 2.0 (the "License");
   7  *   you may not use this file except in compliance with the License.
   8  *   You may obtain a copy of the License at
   9  *
  10  *       http://www.apache.org/licenses/LICENSE-2.0
  11  *
  12  *   Unless required by applicable law or agreed to in writing, software
  13  *   distributed under the License is distributed on an "AS IS" BASIS,
  14  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  15  *   See the License for the specific language governing permissions and
  16  *   limitations under the License.
  17  *
  18  */
  19 @import "../../../framework/style/_colors.scss";
  20     .metricBarGroup {
  21       display:flex;
  22       flex-direction:column;
  23       padding: 1rem;
  24       justify-content: center;
  25       h3 {
  26         text-align:center;
  27         font-weight:bold;
  28       }
  29       .bar {
  30         fill: $brand-blue-light;
  31         stroke: black;
  32       }
  33       .y.axis {
  34         .domain {
  35           transform:scaleX(0.25);
  36         }
  37       }
  38       .x.axis {
  39         .domain {
  40           transform:scaleY(0.25);
  41         }
  42      }
  43      .metriclabel, .y.axis .tick text{
  44       font-size:3rem;
  45      }
  46      &>div {
  47       flex: 1 1 %33;
  48      }
  49    }