@burger-editor/client 4.0.0-alpha.2 → 4.0.0-alpha.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/client.css +50 -2
- package/dist/client.js +761 -206
- package/dist/client.js.map +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/tabs.svelte.d.ts +1 -0
- package/package.json +8 -8
package/dist/client.css
CHANGED
|
@@ -449,6 +449,47 @@
|
|
|
449
449
|
list-style: none;
|
|
450
450
|
}
|
|
451
451
|
|
|
452
|
+
:root {
|
|
453
|
+
--border-radius: 0.5em;
|
|
454
|
+
}
|
|
455
|
+
|
|
456
|
+
[role='tablist'].svelte-2oedib {
|
|
457
|
+
display: flex;
|
|
458
|
+
gap: 0.5em;
|
|
459
|
+
align-items: center;
|
|
460
|
+
padding-inline: var(--border-radius);
|
|
461
|
+
}
|
|
462
|
+
|
|
463
|
+
[role='tab'].svelte-2oedib {
|
|
464
|
+
position: relative;
|
|
465
|
+
border: 1px solid var(--bge-border-color);
|
|
466
|
+
border-radius: var(--border-radius) var(--border-radius) 0 0;
|
|
467
|
+
|
|
468
|
+
&[aria-selected='true'] {
|
|
469
|
+
border-block-end: none;
|
|
470
|
+
|
|
471
|
+
&::after {
|
|
472
|
+
position: absolute;
|
|
473
|
+
inset-block-start: 100%;
|
|
474
|
+
inset-inline-start: 50%;
|
|
475
|
+
display: block;
|
|
476
|
+
inline-size: 1em;
|
|
477
|
+
block-size: 0.5em;
|
|
478
|
+
content: '';
|
|
479
|
+
background-color: var(--bge-ui-primary-color);
|
|
480
|
+
clip-path: polygon(0 0, 50% 100%, 100% 0);
|
|
481
|
+
transform: translateX(-50%);
|
|
482
|
+
}
|
|
483
|
+
}
|
|
484
|
+
}
|
|
485
|
+
|
|
486
|
+
.add-tab.svelte-2oedib {
|
|
487
|
+
padding: 0.5em;
|
|
488
|
+
font-size: 0.8em;
|
|
489
|
+
border: 1px solid var(--bge-border-color);
|
|
490
|
+
border-radius: var(--border-radius);
|
|
491
|
+
}
|
|
492
|
+
|
|
452
493
|
:root {
|
|
453
494
|
--bge-lightest-color: #fff;
|
|
454
495
|
--bge-darkest-color: #000;
|
|
@@ -605,11 +646,11 @@ textarea,
|
|
|
605
646
|
border: 1px solid var(--bge-border-color);
|
|
606
647
|
border-radius: 0.5em;
|
|
607
648
|
}
|
|
608
|
-
:where(dialog[open], [data-bge-component=block-menu]) :where(button
|
|
649
|
+
:where(dialog[open], [data-bge-component=block-menu]) :where(button:is([aria-pressed=true], [aria-selected=true])) {
|
|
609
650
|
color: #fff;
|
|
610
651
|
background-color: var(--bge-ui-primary-color);
|
|
611
652
|
}
|
|
612
|
-
:where(dialog[open], [data-bge-component=block-menu]) :where(button
|
|
653
|
+
:where(dialog[open], [data-bge-component=block-menu]) :where(button:is([aria-pressed=true], [aria-selected=true])):focus-visible {
|
|
613
654
|
box-shadow: 0 0 0 2px #fff inset;
|
|
614
655
|
}
|
|
615
656
|
:where(dialog[open], [data-bge-component=block-menu]) :where(input:is([type=checkbox], [type=radio], [type=range])) {
|
|
@@ -761,4 +802,11 @@ label:has(input[type=radio][name=bge-scale-type][value=container]) > span::befor
|
|
|
761
802
|
}
|
|
762
803
|
label:has(input[type=radio][name=bge-scale-type][value=container]) > span:is([data-bge-container^="grid:"] *, [data-bge-container=grid] *)::before {
|
|
763
804
|
content: "グリッド";
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
[data-bge-editor-ui=tabs] + * {
|
|
808
|
+
padding: 1em;
|
|
809
|
+
margin-block: -1px 1em;
|
|
810
|
+
border: 1px solid var(--bge-border-color);
|
|
811
|
+
border-radius: 0.5em;
|
|
764
812
|
}
|