efficient-easel 7.0.3 → 7.0.4
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/dist/easel/easel.css +13 -16
- package/package.json +1 -1
package/dist/easel/easel.css
CHANGED
|
@@ -75,33 +75,30 @@
|
|
|
75
75
|
outline: none;
|
|
76
76
|
}
|
|
77
77
|
|
|
78
|
+
/* The outline colour, declared ONCE for the selection, the hover and the
|
|
79
|
+
words being typed. The accent, with a fallback: the outlines draw inside
|
|
80
|
+
the canvas frame, which holds the page's sheet and not the chrome's tokens. */
|
|
78
81
|
.es-canvas-outline {
|
|
82
|
+
--es-canvas-outline-colour: var(--es-accent, #2563eb);
|
|
79
83
|
pointer-events: none;
|
|
80
84
|
box-sizing: border-box;
|
|
81
85
|
z-index: 2147483000;
|
|
82
86
|
}
|
|
83
87
|
.es-canvas-outline.is-selected {
|
|
84
|
-
outline: 2px solid var(--es-
|
|
88
|
+
outline: 2px solid var(--es-canvas-outline-colour);
|
|
85
89
|
outline-offset: -1px;
|
|
86
90
|
}
|
|
87
91
|
.es-canvas-outline.is-hover {
|
|
88
|
-
outline: 1px solid color-mix(in srgb, var(--es-
|
|
92
|
+
outline: 1px solid color-mix(in srgb, var(--es-canvas-outline-colour) 60%, transparent);
|
|
89
93
|
outline-offset: -1px;
|
|
90
94
|
}
|
|
91
|
-
/* The words being typed (EaselCanvas `typing`, Lewis 2026-10-14): ONE
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
+
/* The words being typed (EaselCanvas `typing`, Lewis 2026-10-14): ONE plain
|
|
96
|
+
box round the whole words, like an input — a 2px line in the selection's
|
|
97
|
+
colour, 4px clear of them, with the selection outline's square corners. It
|
|
98
|
+
is measured from the words' bounding box, so words on three lines get one
|
|
99
|
+
rectangle, not a line round each. Its colour is the one outline colour
|
|
100
|
+
above: without its fallback the outline is not drawn in the canvas. */
|
|
95
101
|
.es-canvas-outline.is-typing {
|
|
96
|
-
outline: 2px solid var(--es-
|
|
102
|
+
outline: 2px solid var(--es-canvas-outline-colour);
|
|
97
103
|
outline-offset: 4px;
|
|
98
|
-
border-radius: var(--radius-sm);
|
|
99
|
-
}
|
|
100
|
-
.es-canvas-outline.is-typing::after {
|
|
101
|
-
content: '';
|
|
102
|
-
position: absolute;
|
|
103
|
-
inset: -8px;
|
|
104
|
-
border: 1px solid color-mix(in srgb, var(--on-accent) 85%, transparent);
|
|
105
|
-
border-radius: var(--radius-sm);
|
|
106
|
-
pointer-events: none;
|
|
107
104
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "efficient-easel",
|
|
3
|
-
"version": "7.0.
|
|
3
|
+
"version": "7.0.4",
|
|
4
4
|
"description": "Efficient Easel: the EFFICIENT editors' shared engine and chrome: the saved document as pure functions, the published renderer, and the editor frame, panels, Layers tree, text grammar and type-in-place box. Published as editor-shell up to 0.66.0 and as efficient-editor up to 0.95.0.",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "Efficient Pty Ltd",
|