@edc-motor/ui 0.5.14 → 0.5.16
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
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@edc-motor/ui",
|
|
3
|
-
"version": "0.5.
|
|
3
|
+
"version": "0.5.16",
|
|
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",
|
|
@@ -43,13 +43,55 @@
|
|
|
43
43
|
h5 { font-size: $fs-16; }
|
|
44
44
|
h6 { font-size: $fs-14; }
|
|
45
45
|
|
|
46
|
+
// Listas del wysiwyg: sangradas hacia ADENTRO con el marcador A RAS del
|
|
47
|
+
// texto de los párrafos (con el marcador nativo `outside`, el número
|
|
48
|
+
// quedaba colgando fuera del borde del texto). Marcador propio por
|
|
49
|
+
// ::before en absoluta: el li se sangra con el padding de la lista y el
|
|
50
|
+
// número/viñeta se pinta exactamente en el borde del párrafo
|
|
51
|
+
// (left = -sangría). Aguanta los <li><p>…</p></li> del wysiwyg (un
|
|
52
|
+
// marcador nativo `inside` se quedaría solo en su línea) y las listas
|
|
53
|
+
// anidadas: cada nivel sangra desde el texto del padre y cada <ol> lleva
|
|
54
|
+
// su propio contador (scoped por counter-reset).
|
|
46
55
|
ul,
|
|
47
56
|
ol {
|
|
48
|
-
|
|
57
|
+
// Junto a una imagen FLOTADA (posición clear-*/izquierda/derecha del
|
|
58
|
+
// bloque), la caja de la lista se coloca ENTERA al lado del float:
|
|
59
|
+
// sin esto solo se desplazaban los line boxes del texto y el marcador
|
|
60
|
+
// (pintado contra la caja del li, que sigue bajo el float) quedaba
|
|
61
|
+
// pegado a la imagen, descolgado del texto.
|
|
62
|
+
display: flow-root;
|
|
63
|
+
list-style: none;
|
|
64
|
+
padding-left: 1.8em;
|
|
65
|
+
|
|
66
|
+
> li {
|
|
67
|
+
position: relative;
|
|
68
|
+
|
|
69
|
+
&::before {
|
|
70
|
+
position: absolute;
|
|
71
|
+
left: -1.8em;
|
|
72
|
+
top: 0;
|
|
73
|
+
}
|
|
74
|
+
}
|
|
49
75
|
|
|
50
76
|
li + li { margin-block-start: $space-1; }
|
|
51
77
|
}
|
|
52
78
|
|
|
79
|
+
ol {
|
|
80
|
+
counter-reset: rc-item;
|
|
81
|
+
|
|
82
|
+
> li {
|
|
83
|
+
counter-increment: rc-item;
|
|
84
|
+
|
|
85
|
+
&::before { content: counter(rc-item) '.'; }
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
ul > li::before { content: '•'; }
|
|
90
|
+
|
|
91
|
+
// Viñetas anidadas: el relevo clásico disco → círculo → cuadrado.
|
|
92
|
+
ul ul > li::before { content: '◦'; }
|
|
93
|
+
ul ul ul > li::before { content: '▪'; }
|
|
94
|
+
|
|
53
95
|
// Cita: borde a la izquierda + texto atenuado en cursiva (mismo criterio
|
|
54
96
|
// que la vista de edición de RichTextInput).
|
|
55
97
|
blockquote {
|