@social-mail/social-mail-client 1.2.245 → 1.2.246

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.
@@ -47690,53 +47690,31 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
47690
47690
  StylerSets.register("low", styled.css`
47691
47691
 
47692
47692
  display: flex;
47693
- flex-direction: row;
47693
+ flex-wrap: wrap;
47694
+ gap: 5px;
47695
+ align-content: center;
47696
+ justify-content: space-between;
47697
+ padding: 10px;
47698
+ margin: 10px;
47699
+ border-radius: 10px;
47700
+ align-items: center;
47701
+ justify-items: stretch;
47694
47702
  flex-wrap: wrap;
47695
47703
 
47696
- & > *:empty:before {
47697
- background-color: #ddd;
47698
- color: #000;
47699
- font-size: 16px;
47700
- font-weight: bold;
47701
- font-family: 'Courier New', Courier, monospace;
47702
- height: 100%;
47703
- display: flex;
47704
- justify-items: center;
47705
- align-items: center;
47706
- min-height: 30px;
47707
- opacity: 0.3;
47708
- border-radius: 3px;
47709
- white-space: nowrap;
47710
- overflow: hidden;
47711
- text-overflow: ellipsis;
47712
- content: "Container";
47713
-
47704
+ & > * {
47705
+ max-height: 30vh;
47706
+ max-width: 30vw;
47707
+ margin: 10px;
47708
+ object-fit: contain;
47709
+ margin: 20px;
47710
+ box-shadow: 0 0 20px 1px black;
47711
+ border: solid 1px white;
47714
47712
  }
47713
+
47715
47714
  `.expand("image-grid"));
47716
47715
  StylerSets.register("low", styled.css`
47717
47716
  & image-grid {
47718
47717
 
47719
- display: flex;
47720
- flex-wrap: wrap;
47721
- gap: 5px;
47722
- align-content: center;
47723
- justify-content: space-between;
47724
- padding: 10px;
47725
- margin: 10px;
47726
- border-radius: 10px;
47727
- align-items: center;
47728
- justify-items: stretch;
47729
- flex-wrap: wrap;
47730
-
47731
- & > * {
47732
- max-height: 30vh;
47733
- max-width: 30vw;
47734
- margin: 10px;
47735
- object-fit: contain;
47736
- margin: 20px;
47737
- box-shadow: 0 0 20px 1px black;
47738
- border: solid 1px white;
47739
- }
47740
47718
  & > [data-element=add] {
47741
47719
  background-color: black;
47742
47720
  color: white;