@social-mail/social-mail-client 1.2.479 → 1.2.481

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