@edc-motor/ui 0.5.12 → 0.5.13
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/scss/_theme.scss +10 -6
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edc-motor/ui",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.13",
|
|
4
4
|
"description": "EdC Motor — componentes públicos Vue 3 + tokens SCSS para webs de juegos de mesa (paquete fuente: lo compila el consumidor con Vite)",
|
|
5
5
|
"license": "GPL-3.0-only",
|
|
6
6
|
"type": "module",
|
package/scss/_theme.scss
CHANGED
|
@@ -45,22 +45,26 @@
|
|
|
45
45
|
--page-bg-opacity: 0.2;
|
|
46
46
|
|
|
47
47
|
// Fondos DINÁMICOS de bloque (presets token:* del campo común
|
|
48
|
-
// `background`):
|
|
49
|
-
// (--surface, el fondo de tarjeta)
|
|
50
|
-
//
|
|
48
|
+
// `background`): DOS velos del COLOR DE SUPERFICIE del tema
|
|
49
|
+
// (--surface, el fondo de tarjeta) — 60 y 80 %, el número del token es
|
|
50
|
+
// su opacidad. Sobre la imagen de fondo de
|
|
51
51
|
// página, un velo «re-acerca» el bloque a la superficie del tema: en
|
|
52
52
|
// oscuro ennegrece, en claro emblanquece, y cuanto mayor el grado más
|
|
53
53
|
// tapa la imagen. Se declaran UNA vez aquí (sirven a ambos temas):
|
|
54
54
|
// var(--surface) se sustituye con el que gane en <html> — el data-theme
|
|
55
55
|
// del tema vive en el propio :root, así que el velo sigue al
|
|
56
|
-
// claro/oscuro solo. El acento translúcido (--accent-soft) es el
|
|
56
|
+
// claro/oscuro solo. El acento translúcido (--accent-soft) es el tercer
|
|
57
57
|
// preset; BlockShell resuelve cualquier token a var(--<nombre>) y ya
|
|
58
58
|
// llegan translúcidos.
|
|
59
|
+
--veil-60: color-mix(in srgb, var(--surface) 60%, transparent);
|
|
60
|
+
--veil-80: color-mix(in srgb, var(--surface) 80%, transparent);
|
|
61
|
+
--accent-soft: color-mix(in srgb, var(--accent-500) 20%, transparent);
|
|
62
|
+
|
|
63
|
+
// LEGACY (velos de 0.5.11/0.5.12 retirados del picker): lo guardado con
|
|
64
|
+
// ellos sigue renderizando igual.
|
|
59
65
|
--veil-15: color-mix(in srgb, var(--surface) 15%, transparent);
|
|
60
66
|
--veil-30: color-mix(in srgb, var(--surface) 30%, transparent);
|
|
61
|
-
--veil-60: color-mix(in srgb, var(--surface) 60%, transparent);
|
|
62
67
|
--veil-85: color-mix(in srgb, var(--surface) 85%, transparent);
|
|
63
|
-
--accent-soft: color-mix(in srgb, var(--accent-500) 20%, transparent);
|
|
64
68
|
|
|
65
69
|
// LEGACY (presets de 0.5.10, retirados del picker en favor de los
|
|
66
70
|
// velos): los grises translúcidos por grados sobre la base neutra slate
|