@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.
@@ -2522,23 +2522,29 @@ and limitations under the License.
2522
2522
  justify-items: center;
2523
2523
  align-items: stretch;
2524
2524
  contain: content;
2525
+ position: relative;
2526
+
2527
+ & > * {
2528
+ padding: ${stylerVars.sizeDefault};
2529
+ flex: 1 1 100%;
2530
+ max-width: 100%;
2531
+ }
2525
2532
 
2526
2533
  @media (min-width: 600px) {
2527
2534
  & {
2528
2535
  flex-direction: row;
2529
2536
  }
2537
+ & > * {
2538
+ padding: ${stylerVars.sizeDefault};
2539
+ flex: 1 1 50%;
2540
+ max-width: 50%;
2541
+ }
2530
2542
  }
2531
2543
 
2532
2544
  & > img {
2533
2545
  align-self: center;
2534
2546
  }
2535
2547
 
2536
- & > * {
2537
- padding: ${stylerVars.sizeDefault};
2538
- flex: 1 1 100%;
2539
- max-width: 50%;
2540
- }
2541
-
2542
2548
  & > *:empty:before {
2543
2549
  background-color: #ddd;
2544
2550
  color: #000;
@@ -2597,6 +2603,7 @@ and limitations under the License.
2597
2603
  }
2598
2604
  `})}}}));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`
2599
2605
  display: flex;
2606
+ position: relative;
2600
2607
  flex-direction: column;
2601
2608
  gap: ${stylerVars.sizeDefault};
2602
2609
  padding: ${stylerVars.sizeDefault};
@@ -2606,16 +2613,22 @@ and limitations under the License.
2606
2613
  align-items: stretch;
2607
2614
  contain: content;
2608
2615
 
2616
+ & > * {
2617
+ padding: ${stylerVars.sizeDefault};
2618
+ flex: 1 1 100%;
2619
+ max-width: 100%;
2620
+ }
2621
+
2609
2622
  @media (min-width: 600px) {
2610
2623
  & {
2611
2624
  flex-direction: row-reverse;
2612
2625
  }
2613
- }
2614
2626
 
2615
- & > * {
2616
- padding: ${stylerVars.sizeDefault};
2617
- flex: 1 1 100%;
2618
- max-width: 50%;
2627
+ & > * {
2628
+ padding: ${stylerVars.sizeDefault};
2629
+ flex: 1 1 50%;
2630
+ max-width: 50%;
2631
+ }
2619
2632
  }
2620
2633
 
2621
2634
  & > img {