skyquake/framework/widgets/transmit-receive/transmit-receive.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 .transmit-receive-container {
  20       flex: 1 0;
  21       display: flex;
  22       flex-direction: row;
  23       justify-content: space-around;
  24       font-weight:bold;
  25       text-align:center;
  26       margin: 10px 0px;
  27       padding: 0px 10px 0px 10px;
  28       background-color:rgb(230,230,230);
  29
  30       .transmit-container, .receive-container {
  31         padding:10px;
  32         background-color:rgb(219,219,219);
  33       }
  34       .transmit-container {
  35         margin-right:3px;
  36       }
  37       .units {
  38         font-size:.5rem;
  39         margin-bottom:5px;
  40
  41       }
  42       .measure {
  43         font-size:1.2rem;
  44       }
  45       .label {
  46         font-size:.8rem;
  47         margin-bottom:10px;
  48       }
  49  }