You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

64 lines
1.9 KiB

1 year ago
  1. .wp-block-post-template{
  2. list-style:none;
  3. margin-bottom:0;
  4. margin-top:0;
  5. max-width:100%;
  6. padding:0;
  7. }
  8. .wp-block-post-template.wp-block-post-template{
  9. background:none;
  10. }
  11. .wp-block-post-template.is-flex-container{
  12. display:flex;
  13. flex-direction:row;
  14. flex-wrap:wrap;
  15. gap:1.25em;
  16. }
  17. .wp-block-post-template.is-flex-container>li{
  18. margin:0;
  19. width:100%;
  20. }
  21. @media (min-width:600px){
  22. .wp-block-post-template.is-flex-container.is-flex-container.columns-2>li{
  23. width:calc(50% - .625em);
  24. }
  25. .wp-block-post-template.is-flex-container.is-flex-container.columns-3>li{
  26. width:calc(33.33333% - .83333em);
  27. }
  28. .wp-block-post-template.is-flex-container.is-flex-container.columns-4>li{
  29. width:calc(25% - .9375em);
  30. }
  31. .wp-block-post-template.is-flex-container.is-flex-container.columns-5>li{
  32. width:calc(20% - 1em);
  33. }
  34. .wp-block-post-template.is-flex-container.is-flex-container.columns-6>li{
  35. width:calc(16.66667% - 1.04167em);
  36. }
  37. }
  38. @media (max-width:600px){
  39. .wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid.wp-block-post-template-is-layout-grid{
  40. grid-template-columns:1fr;
  41. }
  42. }
  43. .wp-block-post-template-is-layout-constrained>li>.alignright,.wp-block-post-template-is-layout-flow>li>.alignright{
  44. -webkit-margin-start:2em;
  45. -webkit-margin-end:0;
  46. float:left;
  47. margin-inline-end:0;
  48. margin-inline-start:2em;
  49. }
  50. .wp-block-post-template-is-layout-constrained>li>.alignleft,.wp-block-post-template-is-layout-flow>li>.alignleft{
  51. -webkit-margin-start:0;
  52. -webkit-margin-end:2em;
  53. float:right;
  54. margin-inline-end:2em;
  55. margin-inline-start:0;
  56. }
  57. .wp-block-post-template-is-layout-constrained>li>.aligncenter,.wp-block-post-template-is-layout-flow>li>.aligncenter{
  58. -webkit-margin-start:auto;
  59. -webkit-margin-end:auto;
  60. margin-inline-end:auto;
  61. margin-inline-start:auto;
  62. }