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