@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.
@@ -33364,23 +33364,29 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
33364
33364
  justify-items: center;
33365
33365
  align-items: stretch;
33366
33366
  contain: content;
33367
+ position: relative;
33368
+
33369
+ & > * {
33370
+ padding: ${stylerVars.sizeDefault};
33371
+ flex: 1 1 100%;
33372
+ max-width: 100%;
33373
+ }
33367
33374
 
33368
33375
  @media (min-width: 600px) {
33369
33376
  & {
33370
33377
  flex-direction: row;
33371
33378
  }
33379
+ & > * {
33380
+ padding: ${stylerVars.sizeDefault};
33381
+ flex: 1 1 50%;
33382
+ max-width: 50%;
33383
+ }
33372
33384
  }
33373
33385
 
33374
33386
  & > img {
33375
33387
  align-self: center;
33376
33388
  }
33377
33389
 
33378
- & > * {
33379
- padding: ${stylerVars.sizeDefault};
33380
- flex: 1 1 100%;
33381
- max-width: 50%;
33382
- }
33383
-
33384
33390
  & > *:empty:before {
33385
33391
  background-color: #ddd;
33386
33392
  color: #000;
@@ -33461,6 +33467,7 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
33461
33467
  _export("layoutRightImageBox", layoutRightImageBox = {
33462
33468
  "right-image-box": styled.css`
33463
33469
  display: flex;
33470
+ position: relative;
33464
33471
  flex-direction: column;
33465
33472
  gap: ${stylerVars.sizeDefault};
33466
33473
  padding: ${stylerVars.sizeDefault};
@@ -33470,16 +33477,22 @@ System.register(["@web-atoms/core/dist/style/styled", "../../../Styler"], functi
33470
33477
  align-items: stretch;
33471
33478
  contain: content;
33472
33479
 
33480
+ & > * {
33481
+ padding: ${stylerVars.sizeDefault};
33482
+ flex: 1 1 100%;
33483
+ max-width: 100%;
33484
+ }
33485
+
33473
33486
  @media (min-width: 600px) {
33474
33487
  & {
33475
33488
  flex-direction: row-reverse;
33476
33489
  }
33477
- }
33478
33490
 
33479
- & > * {
33480
- padding: ${stylerVars.sizeDefault};
33481
- flex: 1 1 100%;
33482
- max-width: 50%;
33491
+ & > * {
33492
+ padding: ${stylerVars.sizeDefault};
33493
+ flex: 1 1 50%;
33494
+ max-width: 50%;
33495
+ }
33483
33496
  }
33484
33497
 
33485
33498
  & > img {