@bubltec/uiux 0.0.1 → 0.0.2
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/package.json +1 -1
- package/src/theme.css +13 -0
- package/src/themes/nes.css +1 -0
- package/src/themes/paw.css +1 -0
package/package.json
CHANGED
package/src/theme.css
CHANGED
|
@@ -323,6 +323,19 @@ select optgroup {
|
|
|
323
323
|
background-color: var(--bg);
|
|
324
324
|
color: var(--ink);
|
|
325
325
|
}
|
|
326
|
+
/* WebKit (DuckDuckGo, Safari) keeps the native rounded popup button and
|
|
327
|
+
ignores border-radius until appearance is none. Chrome already follows it. */
|
|
328
|
+
select,
|
|
329
|
+
select.control {
|
|
330
|
+
-webkit-appearance: none;
|
|
331
|
+
appearance: none;
|
|
332
|
+
padding-right: 2.25rem;
|
|
333
|
+
background-color: var(--bg);
|
|
334
|
+
background-image: var(--select-arrow);
|
|
335
|
+
background-repeat: no-repeat;
|
|
336
|
+
background-position: right 0.5rem center;
|
|
337
|
+
background-size: 1rem 1rem;
|
|
338
|
+
}
|
|
326
339
|
input::placeholder,
|
|
327
340
|
textarea::placeholder {
|
|
328
341
|
color: var(--faint, var(--muted));
|
package/src/themes/nes.css
CHANGED
|
@@ -35,6 +35,7 @@
|
|
|
35
35
|
--font-display: 'Press Start 2P', ui-monospace, monospace;
|
|
36
36
|
--radius: 0;
|
|
37
37
|
--border: 2px;
|
|
38
|
+
--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23fcfcfc' stroke-linecap='square' stroke-linejoin='miter' stroke-width='1.75' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
|
|
38
39
|
|
|
39
40
|
color-scheme: dark;
|
|
40
41
|
}
|
package/src/themes/paw.css
CHANGED
|
@@ -38,6 +38,7 @@
|
|
|
38
38
|
--font-display: 'Nunito', ui-rounded, 'Segoe UI', system-ui, sans-serif;
|
|
39
39
|
--radius: 1.25rem;
|
|
40
40
|
--border: 1px;
|
|
41
|
+
--select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath stroke='%23262626' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.75' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
|
|
41
42
|
|
|
42
43
|
color-scheme: light;
|
|
43
44
|
}
|