@social-mail/social-mail-client 1.2.480 → 1.2.482

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.
@@ -49614,28 +49614,27 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
49614
49614
  execute: function () {
49615
49615
  StylerSets.register("low", styled.css`
49616
49616
  display: flex;
49617
- flex-wrap: wrap;
49617
+ flex-wrap: nowrap;
49618
49618
  flex-direction: row;
49619
49619
  gap: ${stylerVars.sizeDefault};
49620
49620
  border-radius: ${stylerVars.sizeDefault};
49621
- justify-items: center;
49621
+ flex-direction: row;
49622
49622
  align-items: center;
49623
- justify-content: center;
49623
+ justify-content: space-around;
49624
49624
  contain: content;
49625
49625
 
49626
49626
  @media (max-width: 700px) {
49627
- width: 100%;
49628
- max-width: 100%;
49629
- }
49630
-
49631
- @media (min-width: 600px) {
49632
49627
  & {
49633
- flex-direction: row;
49634
- flex-wrap: nowrap;
49628
+ flex-direction: column;
49629
+ flex-wrap: wrap;
49630
+ width: 100%;
49631
+ max-width: 100%;
49632
+ justify-items: center;
49635
49633
  align-items: center;
49636
- justify-content: space-around;
49634
+ justify-content: center;
49637
49635
  }
49638
49636
  }
49637
+
49639
49638
  `.expand("[styler-layout=columns-2]"));
49640
49639
  _export("Columns2", Columns2 = Block({
49641
49640
  title: "Add 2 Columns",
@@ -49672,26 +49671,26 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
49672
49671
  execute: function () {
49673
49672
  StylerSets.register("low", styled.css`
49674
49673
  display: flex;
49675
- flex-wrap: wrap;
49676
- flex-direction: column;
49674
+ flex-wrap: nowrap;
49675
+ flex-direction: row;
49677
49676
  gap: ${stylerVars.sizeDefault};
49678
49677
  border-radius: ${stylerVars.sizeDefault};
49678
+ flex-direction: row;
49679
+ flex-wrap: nowrap;
49680
+ justify-content: space-evenly;
49679
49681
  justify-items: center;
49680
49682
  align-items: stretch;
49681
- justify-content: center;
49682
49683
  contain: content;
49683
49684
 
49684
49685
  @media (max-width: 700px) {
49685
- width: 100%;
49686
- max-width: 100%;
49687
- }
49688
-
49689
-
49690
- @media (min-width: 600px) {
49691
49686
  & {
49692
- flex-direction: row;
49693
- flex-wrap: nowrap;
49694
- justify-content: space-evenly;
49687
+ flex-direction: column;
49688
+ flex-wrap: wrap;
49689
+ width: 100%;
49690
+ max-width: 100%;
49691
+ justify-items: center;
49692
+ align-items: center;
49693
+ justify-content: center;
49695
49694
  }
49696
49695
  }
49697
49696