]> git-server-git.apps.pok.os.sepia.ceph.com Git - ceph.git/blob
b1d754f658daff9ac64a1d1a659f65290f6b91d9
[ceph.git] /
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-selected {
24     border-block-end: 2px solid var(--cds-border-interactive) !important;
25
26     .cds--definition-term {
27       color: var(--cds-text-primary) !important;
28       border-block-end: 0 !important;
29     }
30   }
31
32   &-tab-content {
33     padding: var(--cds-spacing-04) 0;
34   }
35
36   &-tab-content-item {
37     border-right: 1px solid var(--cds-border-subtle);
38   }
39
40   // Overrides
41   .clipboard-btn {
42     padding: var(--cds-spacing-02);
43   }
44
45   .cds--btn--icon-only {
46     padding: var(--cds-spacing-01);
47   }
48
49   .cds--link.cds--link--inline {
50     text-decoration: none;
51   }
52
53   .cds--skeleton__placeholder {
54     margin-bottom: var(--cds-spacing-03);
55   }
56
57   .cds--definition-term {
58     color: var(--cds-link-primary);
59     border-block-end: 1px dotted var(--cds-link-primary);
60   }
61 }