@fest-lib/veela 1.0.13 → 1.0.14

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/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@fest-lib/veela",
3
3
  "description": "fest-lib Veela: CSS tokens, --c2 color functions, Agate.UX, SCSS + runtime loaders",
4
- "version": "1.0.13",
4
+ "version": "1.0.14",
5
5
  "license": "MIT",
6
6
  "type": "module",
7
7
  "sideEffects": true,
@@ -598,4 +598,94 @@
598
598
  opacity: 0.9;
599
599
  }
600
600
  }
601
+
602
+ /*
603
+ * WHY: Inline `container-type: size` on `.content-handler` + print `height: auto` sizes
604
+ * the box as empty (size containment). Chrome then paginates blank pages.
605
+ * INVARIANT: Print kills size/paint containment and lets slotted markdown grow.
606
+ */
607
+ @media print {
608
+ :host(ui-window) {
609
+ display: block !important;
610
+ position: static !important;
611
+ inset: auto !important;
612
+ transform: none !important;
613
+ overflow: visible !important;
614
+ contain: none !important;
615
+ container-type: normal !important;
616
+ isolation: auto !important;
617
+ inline-size: 100% !important;
618
+ max-inline-size: 100% !important;
619
+ block-size: auto !important;
620
+ min-block-size: 0 !important;
621
+ max-block-size: none !important;
622
+ height: auto !important;
623
+ min-height: 0 !important;
624
+ max-height: none !important;
625
+ box-shadow: none !important;
626
+ border: none !important;
627
+ border-radius: 0 !important;
628
+ background: #fff !important;
629
+ color: #000 !important;
630
+ }
631
+
632
+ .window-container {
633
+ display: block !important;
634
+ overflow: visible !important;
635
+ contain: none !important;
636
+ isolation: auto !important;
637
+ inline-size: 100% !important;
638
+ block-size: auto !important;
639
+ height: auto !important;
640
+ min-block-size: 0 !important;
641
+ max-block-size: none !important;
642
+ border: none !important;
643
+ box-shadow: none !important;
644
+ background: #fff !important;
645
+ color: #000 !important;
646
+ }
647
+
648
+ .title-handler,
649
+ .window-resizer,
650
+ .footer-handler {
651
+ display: none !important;
652
+ }
653
+
654
+ .content-handler,
655
+ :host(ui-window[managed]) .content-handler,
656
+ :host(ui-window[native-mode]) .content-handler,
657
+ :host(ui-window[data-native-active]) .content-handler {
658
+ display: block !important;
659
+ position: static !important;
660
+ transform: none !important;
661
+ contain: none !important;
662
+ container-type: normal !important;
663
+ overflow: visible !important;
664
+ isolation: auto !important;
665
+ flex: none !important;
666
+ inline-size: 100% !important;
667
+ block-size: auto !important;
668
+ min-block-size: 0 !important;
669
+ max-block-size: none !important;
670
+ height: auto !important;
671
+ background: #fff !important;
672
+ color: #000 !important;
673
+ }
674
+
675
+ .content-handler ::slotted(*),
676
+ :host(ui-window[managed]) .content-handler ::slotted(*),
677
+ :host(ui-window[native-mode]) .content-handler ::slotted(*),
678
+ :host(ui-window[data-native-active]) .content-handler ::slotted(*) {
679
+ display: block !important;
680
+ flex: none !important;
681
+ overflow: visible !important;
682
+ contain: none !important;
683
+ inline-size: 100% !important;
684
+ max-inline-size: 100% !important;
685
+ block-size: auto !important;
686
+ min-block-size: 0 !important;
687
+ max-block-size: none !important;
688
+ height: auto !important;
689
+ }
690
+ }
601
691
  }