git-server-git.apps.pok.os.sepia.ceph.com Git - ceph.git/blob

   1 .overview-health-card {
   2   &-header {
   3     display: flex;
   4     align-items: end;
   5   }
   6   // CSS for status text, modifier names match icons name
   7   &-status--success {
   8     color: var(--cds-support-success);
   9   }
  10
  11   &-status--warningAltFilled {
  12     color: var(--cds-support-caution-major);
  13   }
  14
  15   &-status--error {
  16     color: var(--cds-text-error);
  17   }
  18
  19   &-secondary-text {
  20     color: var(--cds-text-secondary);
  21   }
  22
  23   &-tab {
  24     display: flex;
  25   }
  26
  27   &-tab-selected {
  28     border-block-end: 2px solid var(--cds-border-interactive) !important;
  29
  30     .cds--definition-term {
  31       color: var(--cds-text-primary) !important;
  32       border-block-end: 0 !important;
  33     }
  34   }
  35
  36   &-tab-content {
  37     padding: var(--cds-spacing-04) 0;
  38   }
  39
  40   &-tab-content-item {
  41     border-right: 1px solid var(--cds-border-subtle);
  42     max-block-size: fit-content;
  43   }
  44
  45   &-icon-and-text {
  46     display: inline-flex;
  47     align-items: center;
  48     gap: var(--cds-spacing-03);
  49   }
  50
  51   // Overrides
  52   .clipboard-btn {
  53     padding: var(--cds-spacing-02);
  54   }
  55
  56   .cds--btn--icon-only {
  57     padding: var(--cds-spacing-01);
  58   }
  59
  60   .cds--link.cds--link--inline {
  61     text-decoration: none;
  62   }
  63
  64   .cds--skeleton__placeholder {
  65     margin-bottom: var(--cds-spacing-03);
  66   }
  67
  68   .cds--definition-term {
  69     color: var(--cds-link-primary);
  70     border-block-end: 1px dotted var(--cds-link-primary);
  71   }
  72
  73   &-icon-and-text cd-icon svg {
  74     display: block;
  75   }
  76 }