ceph/src/pybind/mgr/dashboard/frontend/src/app/ceph/dashboard/info-card/info-card.component.scss

   1 @import 'styles';
   2
   3 $card-font-min-width: 320px;
   4 $card-font-max-width: 2048px;
   5 $card-font-min-size: 12px;
   6 $card-font-max-size: 21px;
   7
   8 .card {
   9   height: 100%;
  10   @extend .pb-2;
  11   border: 0.5px solid $color-info-card-border;
  12   border-radius: 3px;
  13   box-shadow: 0 1px 1px $color-shadow-gray;
  14   @include fluid-font-size(
  15     $card-font-min-width,
  16     $card-font-max-width,
  17     $card-font-min-size,
  18     $card-font-max-size
  19   );
  20
  21   .card-body {
  22     padding-top: 40px !important;
  23
  24     .card-title {
  25       position: absolute;
  26       left: 0;
  27       top: 0;
  28     }
  29
  30     .card-text {
  31       @extend .pt-2;
  32     }
  33   }
  34 }
  35
  36 .no-center {
  37   position: unset;
  38   top: unset;
  39   left: unset;
  40   transform: unset;
  41 }
  42
  43 .content-highlight {
  44   font-weight: bold;
  45 }