skyquake/plugins/launchpad/src/launchpad_card/nsrScalingGroups.scss

   1 /*
   2  *
   3  *   Copyright 2016 RIFT.IO Inc
   4  *
   5  *   Licensed under the Apache License, Version 2.0 (the "License");
   6  *   you may not use this file except in compliance with the License.
   7  *   You may obtain a copy of the License at
   8  *
   9  *       http://www.apache.org/licenses/LICENSE-2.0
  10  *
  11  *   Unless required by applicable law or agreed to in writing, software
  12  *   distributed under the License is distributed on an "AS IS" BASIS,
  13  *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  14  *   See the License for the specific language governing permissions and
  15  *   limitations under the License.
  16  *
  17  */
  18
  19 @import "style/_colors.scss";
  20
  21 @mixin optional() {
  22     // height: 1.25rem;
  23     // margin-left: 0.5rem;
  24     // margin-top: 0.5rem;
  25     flex: 0 1 auto;
  26 }
  27 .nsScalingGroupContainer {
  28     flex: 1 0 100%;
  29 }
  30 .nsScalingGroups {
  31     display: flex;
  32     flex: 1 1 100%;
  33     flex-direction: column;
  34
  35     .vnfsList {
  36         padding: 1rem;
  37         .vnfsLabel {
  38             opacity: 0.5;
  39         }
  40     }
  41
  42     .scalingGroupsInstancesTableWrapper {
  43         padding: 1rem;
  44
  45         .scalingGroupsInstancesTable {
  46             background: white;
  47             width: 693px;
  48             border-collapse: collapse;
  49             border: 1px solid black;
  50             text-transform: capitalize;
  51             th {
  52                 text-align: left;
  53                 padding: 0.5rem;
  54                 background: $gray-dark;
  55                 border: 1px solid black;
  56             }
  57             tr:nth-child(odd) {
  58                 background: $gray-lighter;
  59                 td {
  60                     border: 1px solid black;
  61                     padding: 0.5rem;
  62                 }
  63             }
  64             tr:nth-child(even) {
  65                 background: $white;
  66                 td {
  67                     border: 1px solid black;
  68                     padding: 0.5rem;
  69                 }
  70             }
  71         }
  72     }
  73
  74
  75 }