@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.
@@ -43854,53 +43854,31 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "../styler/Styler
43854
43854
  StylerSets.register("low", styled.css`
43855
43855
 
43856
43856
  display: flex;
43857
- flex-direction: row;
43857
+ flex-wrap: wrap;
43858
+ gap: 5px;
43859
+ align-content: center;
43860
+ justify-content: space-between;
43861
+ padding: 10px;
43862
+ margin: 10px;
43863
+ border-radius: 10px;
43864
+ align-items: center;
43865
+ justify-items: stretch;
43858
43866
  flex-wrap: wrap;
43859
43867
 
43860
- & > *:empty:before {
43861
- background-color: #ddd;
43862
- color: #000;
43863
- font-size: 16px;
43864
- font-weight: bold;
43865
- font-family: 'Courier New', Courier, monospace;
43866
- height: 100%;
43867
- display: flex;
43868
- justify-items: center;
43869
- align-items: center;
43870
- min-height: 30px;
43871
- opacity: 0.3;
43872
- border-radius: 3px;
43873
- white-space: nowrap;
43874
- overflow: hidden;
43875
- text-overflow: ellipsis;
43876
- content: "Container";
43877
-
43868
+ & > * {
43869
+ max-height: 30vh;
43870
+ max-width: 30vw;
43871
+ margin: 10px;
43872
+ object-fit: contain;
43873
+ margin: 20px;
43874
+ box-shadow: 0 0 20px 1px black;
43875
+ border: solid 1px white;
43878
43876
  }
43877
+
43879
43878
  `.expand("image-grid"));
43880
43879
  StylerSets.register("low", styled.css`
43881
43880
  & image-grid {
43882
43881
 
43883
- display: flex;
43884
- flex-wrap: wrap;
43885
- gap: 5px;
43886
- align-content: center;
43887
- justify-content: space-between;
43888
- padding: 10px;
43889
- margin: 10px;
43890
- border-radius: 10px;
43891
- align-items: center;
43892
- justify-items: stretch;
43893
- flex-wrap: wrap;
43894
-
43895
- & > * {
43896
- max-height: 30vh;
43897
- max-width: 30vw;
43898
- margin: 10px;
43899
- object-fit: contain;
43900
- margin: 20px;
43901
- box-shadow: 0 0 20px 1px black;
43902
- border: solid 1px white;
43903
- }
43904
43882
  & > [data-element=add] {
43905
43883
  background-color: black;
43906
43884
  color: white;