skyquake/plugins/launchpad/src/monitoring_params/monitoring_params.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 .slick-track {
  20   cursor:pointer;
  21 }
  22 .slick-slider {
  23   margin-right:0;
  24   margin-bottom: 50px;
  25 }
  26 .slick-next, .slick-prev {
  27   opacity:0.25;
  28   top:5rem;
  29   z-index:5;
  30   height:auto;
  31   &:hover{
  32     opacity:1;
  33   }
  34   &:before{
  35     font-family: "slick";
  36     font-size: 50px;
  37     font-weight: bold;
  38     line-height: 1;
  39     color: white;
  40     opacity: 0.75;
  41     -webkit-font-smoothing: antialiased;
  42     -moz-osx-font-smoothing: grayscale;
  43   }
  44 }
  45 .slick-next {
  46     right: -1rem;
  47 }
  48 .slick-prev {
  49     left: -10px;
  50 }
  51 .slick-list {
  52   max-width: 693px;
  53 }
  54 .slick-slide {
  55   height:auto;
  56 }
  57 .slick-slide.component {
  58   box-sizing:border-box;
  59   flex-direction:column;
  60   flex-wrap:nowrap;
  61   // RIFT-12883
  62   // Prevent resizing
  63   // height:0;
  64   transition:height 200ms, opacity 600ms;
  65   opacity:0;
  66   .componentWrapper {
  67     display:flex;
  68     flex-wrap:wrap;
  69         flex: 1 0 auto;
  70   }
  71 }
  72 .slick-active {
  73 }
  74 .slick-slide.slick-active.component {
  75   align-items:inherit;
  76   height:auto;
  77   opacity:1;
  78   transition:height 200ms, opacity 600ms;
  79 }
  80 .slick-initialized.slick-slider{
  81   max-width: 693px;
  82 }
  83 .slick-initialized .slick-slide {
  84     display: flex;
  85 }
  86 .monitoring_params_component {
  87   flex: 1 1;
  88     text-align:center;
  89     display: flex;
  90     flex-direction: column;
  91     justify-content: center;
  92
  93     align-content: center;
  94     padding: 0.5rem;
  95     border:1px solid white;
  96 }
  97 .slick-dots li button:before {
  98     font-size: 25px;
  99 }