better-react-email-editor 0.1.3 → 0.1.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/README.md +1 -0
- package/dist/styles.css +9 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -195,6 +195,7 @@ All classes are prefixed with `bree-`, and the stylesheet never touches global e
|
|
|
195
195
|
| `--bree-accent`, `--bree-accent-hover`, `--bree-accent-soft` | `#2563eb`, `#1d4ed8`, `#eff6ff` |
|
|
196
196
|
| `--bree-danger` | `#dc2626` |
|
|
197
197
|
| `--bree-radius` | `8px` |
|
|
198
|
+
| `--bree-frame-gap` (space between a block and its hover / selection frame) | `4px` |
|
|
198
199
|
| `--bree-canvas-bg` | `#eef1f5` |
|
|
199
200
|
| `--bree-topbar-height`, `--bree-sidebar-width`, `--bree-layers-width` | `56px`, `360px`, `270px` |
|
|
200
201
|
| `--bree-font` | Inter, system-ui… |
|
package/dist/styles.css
CHANGED
|
@@ -19,6 +19,7 @@
|
|
|
19
19
|
--bree-accent-soft: #eff6ff;
|
|
20
20
|
--bree-danger: #dc2626;
|
|
21
21
|
--bree-radius: 8px;
|
|
22
|
+
--bree-frame-gap: 4px;
|
|
22
23
|
--bree-canvas-bg: #eef1f5;
|
|
23
24
|
--bree-topbar-height: 56px;
|
|
24
25
|
--bree-sidebar-width: 360px;
|
|
@@ -360,6 +361,14 @@
|
|
|
360
361
|
border-radius: 2px;
|
|
361
362
|
}
|
|
362
363
|
|
|
364
|
+
/* Hover and selection frames sit a few pixels off the block, not on its content. */
|
|
365
|
+
.bree-ov-hover,
|
|
366
|
+
.bree-ov-selected {
|
|
367
|
+
box-sizing: content-box;
|
|
368
|
+
padding: var(--bree-frame-gap);
|
|
369
|
+
margin: calc(var(--bree-frame-gap) * -1);
|
|
370
|
+
}
|
|
371
|
+
|
|
363
372
|
.bree-ov-hover {
|
|
364
373
|
box-shadow: 0 0 0 1px #60a5fa;
|
|
365
374
|
}
|
package/package.json
CHANGED