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   // Overrides
  46   .clipboard-btn {
  47     padding: var(--cds-spacing-02);
  48   }
  49
  50   .cds--btn--icon-only {
  51     padding: var(--cds-spacing-01);
  52   }
  53
  54   .cds--link.cds--link--inline {
  55     text-decoration: none;
  56   }
  57
  58   .cds--skeleton__placeholder {
  59     margin-bottom: var(--cds-spacing-03);
  60   }
  61
  62   .cds--definition-term {
  63     color: var(--cds-link-primary);
  64     border-block-end: 1px dotted var(--cds-link-primary);
  65   }
  66 }