scb-wc-test 0.1.341 → 0.1.342
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/mvc/components/scb-card/scb-card.js +10 -15
- package/package.json +2 -2
- package/scb-card/scb-card.js +10 -15
- package/scb-wc-test.bundle.js +374 -379
|
@@ -603,6 +603,10 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
603
603
|
}
|
|
604
604
|
.scb-card.horizontal .media {
|
|
605
605
|
align-self: flex-start;
|
|
606
|
+
flex: 0 1 min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
607
|
+
min-inline-size: min(var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px)), 100%);
|
|
608
|
+
max-inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
609
|
+
inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
606
610
|
}
|
|
607
611
|
.scb-card.horizontal .media ::slotted(scb-avatar) {
|
|
608
612
|
margin: 0;
|
|
@@ -625,10 +629,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
625
629
|
margin: 0;
|
|
626
630
|
object-fit: var(--scb-card-media-fit, cover);
|
|
627
631
|
aspect-ratio: var(--scb-card-horizontal-media-aspect, 16 / 9);
|
|
628
|
-
|
|
629
|
-
min-inline-size: var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px));
|
|
630
|
-
max-inline-size: var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));
|
|
631
|
-
inline-size: auto;
|
|
632
|
+
inline-size: 100%;
|
|
632
633
|
block-size: auto;
|
|
633
634
|
}
|
|
634
635
|
|
|
@@ -641,6 +642,10 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
641
642
|
}
|
|
642
643
|
.scb-card.dynamic-direction .media {
|
|
643
644
|
align-self: flex-start;
|
|
645
|
+
flex: 0 1 min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
646
|
+
min-inline-size: min(var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px)), 100%);
|
|
647
|
+
max-inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
648
|
+
inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
644
649
|
}
|
|
645
650
|
.scb-card.dynamic-direction .media ::slotted(scb-avatar) {
|
|
646
651
|
margin: 0;
|
|
@@ -663,10 +668,7 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
663
668
|
margin: 0;
|
|
664
669
|
object-fit: var(--scb-card-media-fit, cover);
|
|
665
670
|
aspect-ratio: var(--scb-card-horizontal-media-aspect, 16 / 9);
|
|
666
|
-
|
|
667
|
-
min-inline-size: var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px));
|
|
668
|
-
max-inline-size: var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));
|
|
669
|
-
inline-size: auto;
|
|
671
|
+
inline-size: 100%;
|
|
670
672
|
block-size: auto;
|
|
671
673
|
}
|
|
672
674
|
|
|
@@ -704,13 +706,6 @@ import{_ as T}from"../../vendor/preload-helper.js";import{a as F,n as a,i as H,x
|
|
|
704
706
|
gap: var(--spacing-2, 4px);
|
|
705
707
|
}
|
|
706
708
|
|
|
707
|
-
/* .social-actions {
|
|
708
|
-
display: flex;
|
|
709
|
-
align-items: center;
|
|
710
|
-
gap: var(--spacing-3, 8px);
|
|
711
|
-
flex-wrap: wrap;
|
|
712
|
-
} */
|
|
713
|
-
|
|
714
709
|
.social-action {
|
|
715
710
|
display: inline-flex;
|
|
716
711
|
align-items: center;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "scb-wc-test",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.342",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"module": "index.js",
|
|
@@ -398,5 +398,5 @@
|
|
|
398
398
|
},
|
|
399
399
|
"./mvc/*": "./mvc/*"
|
|
400
400
|
},
|
|
401
|
-
"buildHash": "
|
|
401
|
+
"buildHash": "762CB56016893541BFAC378F74F6B75EC8E9FC9E8CE72DE6083EE08989C36781"
|
|
402
402
|
}
|
package/scb-card/scb-card.js
CHANGED
|
@@ -814,6 +814,10 @@ i.styles = H`
|
|
|
814
814
|
}
|
|
815
815
|
.scb-card.horizontal .media {
|
|
816
816
|
align-self: flex-start;
|
|
817
|
+
flex: 0 1 min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
818
|
+
min-inline-size: min(var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px)), 100%);
|
|
819
|
+
max-inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
820
|
+
inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
817
821
|
}
|
|
818
822
|
.scb-card.horizontal .media ::slotted(scb-avatar) {
|
|
819
823
|
margin: 0;
|
|
@@ -836,10 +840,7 @@ i.styles = H`
|
|
|
836
840
|
margin: 0;
|
|
837
841
|
object-fit: var(--scb-card-media-fit, cover);
|
|
838
842
|
aspect-ratio: var(--scb-card-horizontal-media-aspect, 16 / 9);
|
|
839
|
-
|
|
840
|
-
min-inline-size: var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px));
|
|
841
|
-
max-inline-size: var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));
|
|
842
|
-
inline-size: auto;
|
|
843
|
+
inline-size: 100%;
|
|
843
844
|
block-size: auto;
|
|
844
845
|
}
|
|
845
846
|
|
|
@@ -852,6 +853,10 @@ i.styles = H`
|
|
|
852
853
|
}
|
|
853
854
|
.scb-card.dynamic-direction .media {
|
|
854
855
|
align-self: flex-start;
|
|
856
|
+
flex: 0 1 min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
857
|
+
min-inline-size: min(var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px)), 100%);
|
|
858
|
+
max-inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
859
|
+
inline-size: min(100%, var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px)));
|
|
855
860
|
}
|
|
856
861
|
.scb-card.dynamic-direction .media ::slotted(scb-avatar) {
|
|
857
862
|
margin: 0;
|
|
@@ -874,10 +879,7 @@ i.styles = H`
|
|
|
874
879
|
margin: 0;
|
|
875
880
|
object-fit: var(--scb-card-media-fit, cover);
|
|
876
881
|
aspect-ratio: var(--scb-card-horizontal-media-aspect, 16 / 9);
|
|
877
|
-
|
|
878
|
-
min-inline-size: var(--scb-card-size-horizontal-media-min, var(--scb-card-horizontal-media-min, 96px));
|
|
879
|
-
max-inline-size: var(--scb-card-size-horizontal-media-max, var(--scb-card-horizontal-media-max, 176px));
|
|
880
|
-
inline-size: auto;
|
|
882
|
+
inline-size: 100%;
|
|
881
883
|
block-size: auto;
|
|
882
884
|
}
|
|
883
885
|
|
|
@@ -915,13 +917,6 @@ i.styles = H`
|
|
|
915
917
|
gap: var(--spacing-2, 4px);
|
|
916
918
|
}
|
|
917
919
|
|
|
918
|
-
/* .social-actions {
|
|
919
|
-
display: flex;
|
|
920
|
-
align-items: center;
|
|
921
|
-
gap: var(--spacing-3, 8px);
|
|
922
|
-
flex-wrap: wrap;
|
|
923
|
-
} */
|
|
924
|
-
|
|
925
920
|
.social-action {
|
|
926
921
|
display: inline-flex;
|
|
927
922
|
align-items: center;
|