@quilltap/theme-storybook 1.0.81 → 1.0.82
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/index.css +15 -0
- package/package.json +1 -1
- package/src/css/qt-components.css +20 -0
package/dist/index.css
CHANGED
|
@@ -2253,6 +2253,21 @@ body {
|
|
|
2253
2253
|
font-size: 0.625rem;
|
|
2254
2254
|
opacity: 0.65;
|
|
2255
2255
|
}
|
|
2256
|
+
.qt-mention-chip {
|
|
2257
|
+
color: inherit;
|
|
2258
|
+
padding: 0 0.25em;
|
|
2259
|
+
border-radius: 0.375rem;
|
|
2260
|
+
background: color-mix(in srgb, var(--color-primary) 14%, transparent);
|
|
2261
|
+
border-bottom: 1px dotted color-mix(in srgb, var(--color-primary) 70%, transparent);
|
|
2262
|
+
cursor: help;
|
|
2263
|
+
-webkit-box-decoration-break: clone;
|
|
2264
|
+
box-decoration-break: clone;
|
|
2265
|
+
}
|
|
2266
|
+
.qt-mention-chip:hover,
|
|
2267
|
+
.qt-mention-chip:focus-visible {
|
|
2268
|
+
background: color-mix(in srgb, var(--color-primary) 26%, transparent);
|
|
2269
|
+
outline: none;
|
|
2270
|
+
}
|
|
2256
2271
|
.qt-typeahead-menu {
|
|
2257
2272
|
position: absolute;
|
|
2258
2273
|
z-index: 50;
|
package/package.json
CHANGED
|
@@ -2730,6 +2730,26 @@
|
|
|
2730
2730
|
opacity: 0.65;
|
|
2731
2731
|
}
|
|
2732
2732
|
|
|
2733
|
+
/* Name chip: an absent character's first mention in a chat (MentionChip).
|
|
2734
|
+
It keeps the surrounding roleplay colour; a soft tint and a dotted rule
|
|
2735
|
+
say there is a card to hover. */
|
|
2736
|
+
.qt-mention-chip {
|
|
2737
|
+
color: inherit;
|
|
2738
|
+
padding: 0 0.25em;
|
|
2739
|
+
border-radius: 0.375rem;
|
|
2740
|
+
background: color-mix(in srgb, var(--color-primary) 14%, transparent);
|
|
2741
|
+
border-bottom: 1px dotted color-mix(in srgb, var(--color-primary) 70%, transparent);
|
|
2742
|
+
cursor: help;
|
|
2743
|
+
-webkit-box-decoration-break: clone;
|
|
2744
|
+
box-decoration-break: clone;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
.qt-mention-chip:hover,
|
|
2748
|
+
.qt-mention-chip:focus-visible {
|
|
2749
|
+
background: color-mix(in srgb, var(--color-primary) 26%, transparent);
|
|
2750
|
+
outline: none;
|
|
2751
|
+
}
|
|
2752
|
+
|
|
2733
2753
|
/* ==========================================================================
|
|
2734
2754
|
TYPEAHEAD MENU
|
|
2735
2755
|
==========================================================================
|