users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/memory.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

// Styles for /lib/components/data/memory.jsx component
export const memoryStyles = /* css */ `
.memory {
  color: var(--foreground);
  background-color: var(--minor);
}
.memory--low {
  --pie-color: var(--green);
}
.memory--medium {
  --pie-color: var(--yellow);
}
.memory--high {
  --pie-color: var(--red);
}
.memory__pie {
  flex: 0 0 21px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
}
.memory__content {
  display: flex;
  gap: 4px;
  padding-left: 5px;
}
.memory--high .memory__content {
  color: var(--red);
}
`;