@quilltap/theme-storybook 1.0.73 → 1.0.74

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 CHANGED
@@ -3618,3 +3618,16 @@ body {
3618
3618
  .qt-rp-font-script {
3619
3619
  font-family: var(--qt-rp-font-script, "Segoe Script", "Brush Script MT", cursive);
3620
3620
  }
3621
+ .qt-gallery-caption {
3622
+ background: var(--qt-gallery-caption-bg, linear-gradient(to top, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.45) 60%, transparent));
3623
+ color: var(--qt-gallery-caption-fg, #fff);
3624
+ line-height: 1.2;
3625
+ }
3626
+ .qt-gallery-caption-title {
3627
+ font-size: 0.6875rem;
3628
+ font-weight: 600;
3629
+ }
3630
+ .qt-gallery-caption-detail {
3631
+ font-size: 0.625rem;
3632
+ opacity: 0.85;
3633
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@quilltap/theme-storybook",
3
- "version": "1.0.73",
3
+ "version": "1.0.74",
4
4
  "description": "Storybook preset and stories for developing Quilltap theme plugins",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
@@ -4493,3 +4493,25 @@
4493
4493
  .qt-rp-font-mono { font-family: var(--theme-font-mono, ui-monospace, "SFMono-Regular", Menlo, monospace); }
4494
4494
  .qt-rp-font-display { font-family: var(--qt-rp-font-display, var(--theme-font-serif, Georgia, "Times New Roman", serif)); }
4495
4495
  .qt-rp-font-script { font-family: var(--qt-rp-font-script, "Segoe Script", "Brush Script MT", cursive); }
4496
+
4497
+ /**
4498
+ * Gallery tile source caption — a scrim and two lines of small text laid
4499
+ * over the foot of a photo-gallery tile, saying where the picture comes from
4500
+ * (the Aurora gallery's wardrobe pictures: item title, then tier).
4501
+ * Light text on a dark scrim regardless of theme, since it sits on a photo.
4502
+ */
4503
+ .qt-gallery-caption {
4504
+ background: var(--qt-gallery-caption-bg, linear-gradient(to top, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.45) 60%, transparent));
4505
+ color: var(--qt-gallery-caption-fg, #fff);
4506
+ line-height: 1.2;
4507
+ }
4508
+
4509
+ .qt-gallery-caption-title {
4510
+ font-size: 0.6875rem;
4511
+ font-weight: 600;
4512
+ }
4513
+
4514
+ .qt-gallery-caption-detail {
4515
+ font-size: 0.625rem;
4516
+ opacity: 0.85;
4517
+ }