users/ryan/modules/simple-bar/simple-bar-source/lib/styles/components/data/memory.js
2e30121671a730a2b4bc2f82d2e30ed5c9ff70e5
· 529 B · 30 lines
raw
| 1 | // Styles for /lib/components/data/memory.jsx component |
| 2 | export const memoryStyles = /* css */ ` |
| 3 | .memory { |
| 4 | color: var(--foreground); |
| 5 | background-color: var(--minor); |
| 6 | } |
| 7 | .memory--low { |
| 8 | --pie-color: var(--green); |
| 9 | } |
| 10 | .memory--medium { |
| 11 | --pie-color: var(--yellow); |
| 12 | } |
| 13 | .memory--high { |
| 14 | --pie-color: var(--red); |
| 15 | } |
| 16 | .memory__pie { |
| 17 | flex: 0 0 21px; |
| 18 | width: 21px; |
| 19 | height: 21px; |
| 20 | border-radius: 50%; |
| 21 | } |
| 22 | .memory__content { |
| 23 | display: flex; |
| 24 | gap: 4px; |
| 25 | padding-left: 5px; |
| 26 | } |
| 27 | .memory--high .memory__content { |
| 28 | color: var(--red); |
| 29 | } |
| 30 | `; |