@social-mail/social-mail-client 1.2.59 → 1.2.60

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.
@@ -2933,23 +2933,29 @@ html, body {
2933
2933
  justify-items: center;
2934
2934
  align-items: stretch;
2935
2935
  contain: content;
2936
+ position: relative;
2937
+
2938
+ & > * {
2939
+ padding: ${stylerVars.sizeDefault};
2940
+ flex: 1 1 100%;
2941
+ max-width: 100%;
2942
+ }
2936
2943
 
2937
2944
  @media (min-width: 600px) {
2938
2945
  & {
2939
2946
  flex-direction: row;
2940
2947
  }
2948
+ & > * {
2949
+ padding: ${stylerVars.sizeDefault};
2950
+ flex: 1 1 50%;
2951
+ max-width: 50%;
2952
+ }
2941
2953
  }
2942
2954
 
2943
2955
  & > img {
2944
2956
  align-self: center;
2945
2957
  }
2946
2958
 
2947
- & > * {
2948
- padding: ${stylerVars.sizeDefault};
2949
- flex: 1 1 100%;
2950
- max-width: 50%;
2951
- }
2952
-
2953
2959
  & > *:empty:before {
2954
2960
  background-color: #ddd;
2955
2961
  color: #000;
@@ -3008,6 +3014,7 @@ html, body {
3008
3014
  }
3009
3015
  `})}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/styler/properties/layouts/blocks/layoutImageBox");System.register(["@web-atoms/core/dist/style/styled","../../../Styler"],(function(_export,_context){"use strict";var styled,stylerVars,layoutRightImageBox;return{setters:[function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_Styler){stylerVars=_Styler.stylerVars}],execute:function(){_export("layoutRightImageBox",layoutRightImageBox={"right-image-box":styled.css`
3010
3016
  display: flex;
3017
+ position: relative;
3011
3018
  flex-direction: column;
3012
3019
  gap: ${stylerVars.sizeDefault};
3013
3020
  padding: ${stylerVars.sizeDefault};
@@ -3017,16 +3024,22 @@ html, body {
3017
3024
  align-items: stretch;
3018
3025
  contain: content;
3019
3026
 
3027
+ & > * {
3028
+ padding: ${stylerVars.sizeDefault};
3029
+ flex: 1 1 100%;
3030
+ max-width: 100%;
3031
+ }
3032
+
3020
3033
  @media (min-width: 600px) {
3021
3034
  & {
3022
3035
  flex-direction: row-reverse;
3023
3036
  }
3024
- }
3025
3037
 
3026
- & > * {
3027
- padding: ${stylerVars.sizeDefault};
3028
- flex: 1 1 100%;
3029
- max-width: 50%;
3038
+ & > * {
3039
+ padding: ${stylerVars.sizeDefault};
3040
+ flex: 1 1 50%;
3041
+ max-width: 50%;
3042
+ }
3030
3043
  }
3031
3044
 
3032
3045
  & > img {