@social-mail/social-mail-client 1.2.480 → 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.
@@ -45069,28 +45069,25 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
45069
45069
  execute: function () {
45070
45070
  StylerSets.register("low", styled.css`
45071
45071
  display: flex;
45072
- flex-wrap: wrap;
45072
+ flex-wrap: nowrap;
45073
45073
  flex-direction: row;
45074
45074
  gap: ${stylerVars.sizeDefault};
45075
45075
  border-radius: ${stylerVars.sizeDefault};
45076
- justify-items: center;
45076
+ flex-direction: row;
45077
45077
  align-items: center;
45078
- justify-content: center;
45078
+ justify-content: space-around;
45079
45079
  contain: content;
45080
45080
 
45081
45081
  @media (max-width: 700px) {
45082
+ flex-direction: column;
45083
+ flex-wrap: wrap;
45082
45084
  width: 100%;
45083
45085
  max-width: 100%;
45086
+ justify-items: center;
45087
+ align-items: center;
45088
+ justify-content: center;
45084
45089
  }
45085
45090
 
45086
- @media (min-width: 600px) {
45087
- & {
45088
- flex-direction: row;
45089
- flex-wrap: nowrap;
45090
- align-items: center;
45091
- justify-content: space-around;
45092
- }
45093
- }
45094
45091
  `.expand("[styler-layout=columns-2]"));
45095
45092
  _export("Columns2", Columns2 = Block({
45096
45093
  title: "Add 2 Columns",
@@ -45127,27 +45124,25 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "@social-mail/soc
45127
45124
  execute: function () {
45128
45125
  StylerSets.register("low", styled.css`
45129
45126
  display: flex;
45130
- flex-wrap: wrap;
45131
- flex-direction: column;
45127
+ flex-wrap: nowrap;
45128
+ flex-direction: row;
45132
45129
  gap: ${stylerVars.sizeDefault};
45133
45130
  border-radius: ${stylerVars.sizeDefault};
45131
+ flex-direction: row;
45132
+ flex-wrap: nowrap;
45133
+ justify-content: space-evenly;
45134
45134
  justify-items: center;
45135
45135
  align-items: stretch;
45136
- justify-content: center;
45137
45136
  contain: content;
45138
45137
 
45139
45138
  @media (max-width: 700px) {
45139
+ flex-direction: column;
45140
+ flex-wrap: wrap;
45140
45141
  width: 100%;
45141
45142
  max-width: 100%;
45142
- }
45143
-
45144
-
45145
- @media (min-width: 600px) {
45146
- & {
45147
- flex-direction: row;
45148
- flex-wrap: nowrap;
45149
- justify-content: space-evenly;
45150
- }
45143
+ justify-items: center;
45144
+ align-items: center;
45145
+ justify-content: center;
45151
45146
  }
45152
45147
 
45153
45148
  `.expand("[styler-layout=columns-3]"));