@frontpanel/css 0.2.0 → 0.4.0
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 +635 -2
- package/package.json +1 -1
- package/page.css +5 -0
- package/tailwind-page.css +5 -0
- package/tailwind.css +635 -2
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@frontpanel/css",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.4.0",
|
|
5
5
|
"description": "Early-2000s hardware skin as plain CSS: liquid-chrome bezels, gel buttons, LCDs and LEDs. Tokens, classes and an optional Tailwind 4 entry.",
|
|
6
6
|
"author": "Dulan Katukurundage",
|
|
7
7
|
"license": "MIT",
|
package/page.css
CHANGED
|
@@ -70,6 +70,11 @@
|
|
|
70
70
|
0 0 0 1px var(--fp-color-edge),
|
|
71
71
|
inset 1px 1px 0 var(--fp-color-bevel-hi),
|
|
72
72
|
0 -10px 28px var(--fp-color-cast);
|
|
73
|
+
|
|
74
|
+
/* Forced colours drop the shadow that lifts it off the device: an outline keeps its edge. */
|
|
75
|
+
@media (forced-colors: active) {
|
|
76
|
+
outline: 1px solid CanvasText;
|
|
77
|
+
}
|
|
73
78
|
}
|
|
74
79
|
|
|
75
80
|
/** Inset text field or select on a matte panel. Its border keeps 3:1 against the panel in both skins. */
|
package/tailwind-page.css
CHANGED
|
@@ -71,6 +71,11 @@
|
|
|
71
71
|
0 0 0 1px var(--fp-color-edge),
|
|
72
72
|
inset 1px 1px 0 var(--fp-color-bevel-hi),
|
|
73
73
|
0 -10px 28px var(--fp-color-cast);
|
|
74
|
+
|
|
75
|
+
/* Forced colours drop the shadow that lifts it off the device: an outline keeps its edge. */
|
|
76
|
+
@media (forced-colors: active) {
|
|
77
|
+
outline: 1px solid CanvasText;
|
|
78
|
+
}
|
|
74
79
|
}
|
|
75
80
|
|
|
76
81
|
/** Inset text field or select on a matte panel. Its border keeps 3:1 against the panel in both skins. */
|