src/ceph/src/pybind/mgr/dashboard/static/AdminLTE-2.3.7/build/less/modal.less

   1 /*
   2  * Component: modal
   3  * ----------------
   4  */
   5 .modal {
   6   background: rgba(0, 0, 0, .3);
   7 }
   8
   9 .modal-content {
  10   .border-radius(0);
  11   .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
  12   border: 0;
  13   @media (min-width: @screen-sm-min) {
  14     .box-shadow(0 2px 3px rgba(0, 0, 0, .125));
  15   }
  16 }
  17
  18 .modal-header {
  19   border-bottom-color: @box-border-color;
  20 }
  21
  22 .modal-footer {
  23   border-top-color: @box-border-color;
  24 }
  25
  26 //Modal variants
  27 .modal-primary {
  28   .modal-body {
  29     &:extend(.bg-light-blue);
  30   }
  31   .modal-header,
  32   .modal-footer {
  33     &:extend(.bg-light-blue-active);
  34     border-color: darken(@light-blue, 10%);
  35   }
  36 }
  37
  38 .modal-warning {
  39   .modal-body {
  40     &:extend(.bg-yellow);
  41   }
  42   .modal-header,
  43   .modal-footer {
  44     &:extend(.bg-yellow-active);
  45     border-color: darken(@yellow, 10%);
  46   }
  47 }
  48
  49 .modal-info {
  50   .modal-body {
  51     &:extend(.bg-aqua);
  52   }
  53   .modal-header,
  54   .modal-footer {
  55     &:extend(.bg-aqua-active);
  56     border-color: darken(@aqua, 10%);
  57   }
  58 }
  59
  60 .modal-success {
  61   .modal-body {
  62     &:extend(.bg-green);
  63   }
  64   .modal-header,
  65   .modal-footer {
  66     &:extend(.bg-green-active);
  67     border-color: darken(@green, 10%);
  68   }
  69 }
  70
  71 .modal-danger {
  72   .modal-body {
  73     &:extend(.bg-red);
  74   }
  75   .modal-header,
  76   .modal-footer {
  77     &:extend(.bg-red-active);
  78     border-color: darken(@red, 10%);
  79   }
  80 }