@limpiolux/ui-styles 1.1.9 → 1.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components.css +27 -0
- package/light.css +12 -0
- package/package.json +1 -1
package/components.css
CHANGED
|
@@ -74,6 +74,33 @@
|
|
|
74
74
|
color: #71717a;
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
.search-select-actions {
|
|
78
|
+
@apply relative shrink-0;
|
|
79
|
+
width: 2.75rem;
|
|
80
|
+
min-width: 2.75rem;
|
|
81
|
+
height: 1.25rem;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.search-select-clear-button {
|
|
85
|
+
@apply inline-flex h-5 w-5 items-center justify-center rounded-full border border-white/10 bg-white/[0.05] text-zinc-500;
|
|
86
|
+
transition: background 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.search-select-clear-button-inline {
|
|
90
|
+
@apply absolute left-0 top-1/2 -translate-y-1/2;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
.search-select-clear-button:hover {
|
|
94
|
+
color: #f4f4f5;
|
|
95
|
+
background: rgba(255, 255, 255, 0.12);
|
|
96
|
+
border-color: rgba(255, 255, 255, 0.18);
|
|
97
|
+
transform: scale(1.04);
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.search-select-chevron-button {
|
|
101
|
+
@apply absolute right-0 top-1/2 inline-flex h-5 w-5 -translate-y-1/2 items-center justify-center text-zinc-500;
|
|
102
|
+
}
|
|
103
|
+
|
|
77
104
|
.search-select-option {
|
|
78
105
|
@apply flex w-full items-start justify-between gap-3 px-3 py-2.5 text-left transition-colors;
|
|
79
106
|
}
|
package/light.css
CHANGED
|
@@ -131,6 +131,18 @@
|
|
|
131
131
|
color: #71717a;
|
|
132
132
|
}
|
|
133
133
|
|
|
134
|
+
.light .search-select-clear-button {
|
|
135
|
+
background: rgba(255, 255, 255, 0.9);
|
|
136
|
+
border-color: rgba(212, 212, 216, 0.92);
|
|
137
|
+
color: #71717a;
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
.light .search-select-clear-button:hover {
|
|
141
|
+
background: #ffffff;
|
|
142
|
+
border-color: rgba(161, 161, 170, 0.42);
|
|
143
|
+
color: #18181b;
|
|
144
|
+
}
|
|
145
|
+
|
|
134
146
|
.light .search-select-panel {
|
|
135
147
|
box-shadow: 0 18px 40px -30px rgba(15, 23, 42, 0.22);
|
|
136
148
|
}
|