@social-mail/social-mail-client 1.2.503 → 1.2.504

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.
@@ -45181,7 +45181,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
45181
45181
  execute: function () {
45182
45182
  StylerSets.register("low", styled.css`
45183
45183
  display: flex;
45184
- flex-direction: column;
45184
+ flex-direction: row;
45185
45185
  gap: ${stylerVars.sizeDefault};
45186
45186
  padding: ${stylerVars.sizeDefault};
45187
45187
  margin: ${stylerVars.sizeDefault};
@@ -45191,12 +45191,6 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
45191
45191
  contain: content;
45192
45192
  position: relative;
45193
45193
 
45194
- & > * {
45195
- padding: ${stylerVars.sizeDefault};
45196
- flex: 1 1 100%;
45197
- max-width: 100%;
45198
- }
45199
-
45200
45194
  & > img {
45201
45195
  align-self: stretch;
45202
45196
  }
@@ -45206,21 +45200,26 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
45206
45200
  padding: ${stylerVars.sizeLarge};
45207
45201
  }
45208
45202
  }
45203
+ & > * {
45204
+ padding: ${stylerVars.sizeDefault};
45205
+ flex: 1 1 50%;
45206
+ max-width: 50%;
45207
+ }
45209
45208
 
45210
45209
 
45211
- @media (min-width: 600px) {
45210
+ @media (max-width: 700px) {
45212
45211
  & {
45213
- flex-direction: row;
45212
+ flex-direction: column;
45214
45213
  }
45215
45214
 
45216
45215
  & > img {
45217
- align-self: center;
45216
+ align-self: stretch;
45218
45217
  }
45219
45218
 
45220
45219
  & > * {
45221
45220
  padding: ${stylerVars.sizeDefault};
45222
- flex: 1 1 50%;
45223
- max-width: 50%;
45221
+ flex: 1 1 100%;
45222
+ max-width: 100%;
45224
45223
  }
45225
45224
  }
45226
45225
  `.expand("[styler-layout=image-box]"));
@@ -45978,8 +45977,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
45978
45977
  execute: function () {
45979
45978
  StylerSets.register("low", styled.css`
45980
45979
  display: flex;
45981
- position: relative;
45982
- flex-direction: column;
45980
+ flex-direction: row-reverse;
45983
45981
  gap: ${stylerVars.sizeDefault};
45984
45982
  padding: ${stylerVars.sizeDefault};
45985
45983
  margin: ${stylerVars.sizeDefault};
@@ -45987,12 +45985,7 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
45987
45985
  justify-items: center;
45988
45986
  align-items: stretch;
45989
45987
  contain: content;
45990
-
45991
- & > * {
45992
- padding: ${stylerVars.sizeDefault};
45993
- flex: 1 1 100%;
45994
- max-width: 100%;
45995
- }
45988
+ position: relative;
45996
45989
 
45997
45990
  & > img {
45998
45991
  align-self: stretch;
@@ -46003,23 +45996,28 @@ System.register(["@web-atoms/core/dist/core/XNode", "./Block", "./defaultImage",
46003
45996
  padding: ${stylerVars.sizeLarge};
46004
45997
  }
46005
45998
  }
45999
+ & > * {
46000
+ padding: ${stylerVars.sizeDefault};
46001
+ flex: 1 1 50%;
46002
+ max-width: 50%;
46003
+ }
46006
46004
 
46007
- @media (min-width: 600px) {
46005
+
46006
+ @media (max-width: 700px) {
46008
46007
  & {
46009
- flex-direction: row-reverse;
46008
+ flex-direction: column;
46010
46009
  }
46011
46010
 
46012
46011
  & > img {
46013
- align-self: center;
46012
+ align-self: stretch;
46014
46013
  }
46015
46014
 
46016
46015
  & > * {
46017
46016
  padding: ${stylerVars.sizeDefault};
46018
- flex: 1 1 50%;
46019
- max-width: 50%;
46017
+ flex: 1 1 100%;
46018
+ max-width: 100%;
46020
46019
  }
46021
46020
  }
46022
-
46023
46021
  `.expand("[styler-layout=right-image-box]"));
46024
46022
  _export("RightImageBox", RightImageBox = Block({
46025
46023
  className: "material-symbols-outlined",