Skip to content

Commit 31bbb4b

Browse files
committed
Introduce shared components.css
1 parent 514856d commit 31bbb4b

2 files changed

Lines changed: 16 additions & 14 deletions

File tree

src/ui/preact/components.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
@import '@device-ui/ui/preact/tokens.css';
2+
3+
.expand-arrow {
4+
width: 0;
5+
height: 0;
6+
border-left: 0.625rem solid var(--color-text-secondary);
7+
border-top: 0.4375rem solid transparent;
8+
border-bottom: 0.4375rem solid transparent;
9+
transition: transform var(--transition);
10+
cursor: pointer;
11+
}
12+
13+
.expand-arrow.expanded {
14+
transform: rotate(90deg);
15+
}

src/ui/preact/sensor/soil/analog_sensor_component.css

Lines changed: 1 addition & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
@import '@device-ui/ui/preact/tokens.css';
2+
@import '@device-ui/ui/preact/components.css';
23

34
:root {
45
/* Status Colors - domain-specific, stays sensor-specific */
@@ -51,20 +52,6 @@
5152
color: var(--color-text-dark);
5253
}
5354

54-
.expand-arrow {
55-
width: 0;
56-
height: 0;
57-
border-left: 0.625rem solid var(--color-text-secondary);
58-
border-top: 0.4375rem solid transparent;
59-
border-bottom: 0.4375rem solid transparent;
60-
transition: transform var(--transition);
61-
cursor: pointer;
62-
}
63-
64-
.expand-arrow.expanded {
65-
transform: rotate(90deg);
66-
}
67-
6855
/* Moisture Display */
6956
.moisture-display {
7057
display: flex;

0 commit comments

Comments
 (0)