@objectifthunes/whiteboard 0.2.7 → 0.3.0
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 +24 -1226
- package/dist/index.d.ts +32 -32
- package/dist/index.js +667 -697
- package/dist/whiteboard.css +8 -24
- package/package.json +1 -1
package/dist/whiteboard.css
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/* ── CSS Custom Properties (light defaults) ──────────── */
|
|
2
2
|
|
|
3
3
|
:root {
|
|
4
|
-
--wb-font-body: 'Segoe UI', sans-serif;
|
|
4
|
+
--wb-font-body: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
|
5
5
|
--wb-fs-2xs: 0.64rem;
|
|
6
6
|
--wb-fs-xs: 0.68rem;
|
|
7
7
|
--wb-fs-sm: 0.72rem;
|
|
@@ -839,15 +839,15 @@ button.chip:hover {
|
|
|
839
839
|
align-items: start;
|
|
840
840
|
}
|
|
841
841
|
|
|
842
|
-
.split-layout--
|
|
842
|
+
.split-layout--media-content {
|
|
843
843
|
grid-template-columns: 84px minmax(0, 1fr);
|
|
844
844
|
}
|
|
845
845
|
|
|
846
|
-
.split-layout--
|
|
846
|
+
.split-layout--single {
|
|
847
847
|
grid-template-columns: minmax(0, 1fr);
|
|
848
848
|
}
|
|
849
849
|
|
|
850
|
-
.split-layout--
|
|
850
|
+
.split-layout--media-content-actions {
|
|
851
851
|
grid-template-columns: auto minmax(0, 1fr) auto;
|
|
852
852
|
align-items: center;
|
|
853
853
|
gap: var(--wb-gap-lg);
|
|
@@ -926,13 +926,13 @@ button.chip:hover {
|
|
|
926
926
|
font-size: var(--wb-fs-sm);
|
|
927
927
|
}
|
|
928
928
|
|
|
929
|
-
.
|
|
929
|
+
.card-title {
|
|
930
930
|
font-size: var(--wb-fs-sm);
|
|
931
931
|
font-weight: 600;
|
|
932
932
|
word-break: break-word;
|
|
933
933
|
}
|
|
934
934
|
|
|
935
|
-
.
|
|
935
|
+
.card-title--clamp {
|
|
936
936
|
display: -webkit-box;
|
|
937
937
|
overflow: hidden;
|
|
938
938
|
-webkit-line-clamp: 2;
|
|
@@ -940,10 +940,6 @@ button.chip:hover {
|
|
|
940
940
|
min-height: 2.1em;
|
|
941
941
|
}
|
|
942
942
|
|
|
943
|
-
.story-title {
|
|
944
|
-
font-size: 0.88rem;
|
|
945
|
-
}
|
|
946
|
-
|
|
947
943
|
.page-title {
|
|
948
944
|
font-size: 1.1rem;
|
|
949
945
|
font-weight: 600;
|
|
@@ -1011,18 +1007,6 @@ button.chip:hover {
|
|
|
1011
1007
|
gap: 0.4rem;
|
|
1012
1008
|
}
|
|
1013
1009
|
|
|
1014
|
-
.picker-grid--elements {
|
|
1015
|
-
grid-template-columns: repeat(auto-fill, minmax(90px, 1fr));
|
|
1016
|
-
}
|
|
1017
|
-
|
|
1018
|
-
.picker-grid--characters {
|
|
1019
|
-
grid-template-columns: repeat(auto-fill, minmax(156px, 1fr));
|
|
1020
|
-
}
|
|
1021
|
-
|
|
1022
|
-
.picker-grid--library {
|
|
1023
|
-
grid-template-columns: repeat(auto-fill, minmax(132px, 1fr));
|
|
1024
|
-
}
|
|
1025
|
-
|
|
1026
1010
|
.picker-card {
|
|
1027
1011
|
width: 100%;
|
|
1028
1012
|
border: 1px solid var(--wb-border);
|
|
@@ -1319,8 +1303,8 @@ button.chip:hover {
|
|
|
1319
1303
|
bottom: 4.9rem;
|
|
1320
1304
|
}
|
|
1321
1305
|
|
|
1322
|
-
.split-layout--
|
|
1323
|
-
.split-layout--
|
|
1306
|
+
.split-layout--media-content,
|
|
1307
|
+
.split-layout--media-content-actions {
|
|
1324
1308
|
grid-template-columns: 1fr;
|
|
1325
1309
|
}
|
|
1326
1310
|
}
|