@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.
@@ -3449,50 +3449,49 @@ display: grid;
3449
3449
  }
3450
3450
  `.expand("[styler-layout=link]"))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Buttons");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-2.png","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,column2,StylerSets,styled,stylerVars,Columns2;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png){column2=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn2Png.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
3451
3451
  display: flex;
3452
- flex-wrap: wrap;
3452
+ flex-wrap: nowrap;
3453
3453
  flex-direction: row;
3454
3454
  gap: ${stylerVars.sizeDefault};
3455
3455
  border-radius: ${stylerVars.sizeDefault};
3456
- justify-items: center;
3456
+ flex-direction: row;
3457
3457
  align-items: center;
3458
- justify-content: center;
3458
+ justify-content: space-around;
3459
3459
  contain: content;
3460
3460
 
3461
3461
  @media (max-width: 700px) {
3462
- width: 100%;
3463
- max-width: 100%;
3464
- }
3465
-
3466
- @media (min-width: 600px) {
3467
3462
  & {
3468
- flex-direction: row;
3469
- flex-wrap: nowrap;
3463
+ flex-direction: column;
3464
+ flex-wrap: wrap;
3465
+ width: 100%;
3466
+ max-width: 100%;
3467
+ justify-items: center;
3470
3468
  align-items: center;
3471
- justify-content: space-around;
3469
+ justify-content: center;
3472
3470
  }
3473
3471
  }
3472
+
3474
3473
  `.expand("[styler-layout=columns-2]"));_export("Columns2",Columns2=Block({title:"Add 2 Columns",src:column2,factory:()=>XNode.create("section",{"styler-layout":"columns-2"},XNode.create("section",null),XNode.create("section",null))}))}}}));AmdLoader.instance.setup("@social-mail/social-mail-client/dist/site-editor/blocks/Columns2");System.register(["@web-atoms/core/dist/core/XNode","./Block","@social-mail/social-mail-client/content/images/svg/html-editor/layouts/column-3.png","../styler/StylerSets","@web-atoms/core/dist/style/styled","../styler/Styler"],(function(_export,_context){"use strict";var XNode,Block,column3,StylerSets,styled,stylerVars,Columns3;return{setters:[function(_webAtomsCoreDistCoreXNode){XNode=_webAtomsCoreDistCoreXNode.default},function(_Block){Block=_Block.Block},function(_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png){column3=_socialMailSocialMailClientContentImagesSvgHtmlEditorLayoutsColumn3Png.default},function(_stylerStylerSets){StylerSets=_stylerStylerSets.StylerSets},function(_webAtomsCoreDistStyleStyled){styled=_webAtomsCoreDistStyleStyled.default},function(_stylerStyler){stylerVars=_stylerStyler.stylerVars}],execute:function(){StylerSets.register("low",styled.css`
3475
3474
  display: flex;
3476
- flex-wrap: wrap;
3477
- flex-direction: column;
3475
+ flex-wrap: nowrap;
3476
+ flex-direction: row;
3478
3477
  gap: ${stylerVars.sizeDefault};
3479
3478
  border-radius: ${stylerVars.sizeDefault};
3479
+ flex-direction: row;
3480
+ flex-wrap: nowrap;
3481
+ justify-content: space-evenly;
3480
3482
  justify-items: center;
3481
3483
  align-items: stretch;
3482
- justify-content: center;
3483
3484
  contain: content;
3484
3485
 
3485
3486
  @media (max-width: 700px) {
3486
- width: 100%;
3487
- max-width: 100%;
3488
- }
3489
-
3490
-
3491
- @media (min-width: 600px) {
3492
3487
  & {
3493
- flex-direction: row;
3494
- flex-wrap: nowrap;
3495
- justify-content: space-evenly;
3488
+ flex-direction: column;
3489
+ flex-wrap: wrap;
3490
+ width: 100%;
3491
+ max-width: 100%;
3492
+ justify-items: center;
3493
+ align-items: center;
3494
+ justify-content: center;
3496
3495
  }
3497
3496
  }
3498
3497