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.

73 lines
1.7 KiB

1 year ago
  1. .wp-block-columns{
  2. align-items:normal !important;
  3. box-sizing:border-box;
  4. display:flex;
  5. flex-wrap:wrap !important;
  6. }
  7. @media (min-width:782px){
  8. .wp-block-columns{
  9. flex-wrap:nowrap !important;
  10. }
  11. }
  12. .wp-block-columns.are-vertically-aligned-top{
  13. align-items:flex-start;
  14. }
  15. .wp-block-columns.are-vertically-aligned-center{
  16. align-items:center;
  17. }
  18. .wp-block-columns.are-vertically-aligned-bottom{
  19. align-items:flex-end;
  20. }
  21. @media (max-width:781px){
  22. .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
  23. flex-basis:100% !important;
  24. }
  25. }
  26. @media (min-width:782px){
  27. .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{
  28. flex-basis:0;
  29. flex-grow:1;
  30. }
  31. .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
  32. flex-grow:0;
  33. }
  34. }
  35. .wp-block-columns.is-not-stacked-on-mobile{
  36. flex-wrap:nowrap !important;
  37. }
  38. .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{
  39. flex-basis:0;
  40. flex-grow:1;
  41. }
  42. .wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{
  43. flex-grow:0;
  44. }
  45. :where(.wp-block-columns){
  46. margin-bottom:1.75em;
  47. }
  48. :where(.wp-block-columns.has-background){
  49. padding:1.25em 2.375em;
  50. }
  51. .wp-block-column{
  52. flex-grow:1;
  53. min-width:0;
  54. overflow-wrap:break-word;
  55. word-break:break-word;
  56. }
  57. .wp-block-column.is-vertically-aligned-top{
  58. align-self:flex-start;
  59. }
  60. .wp-block-column.is-vertically-aligned-center{
  61. align-self:center;
  62. }
  63. .wp-block-column.is-vertically-aligned-bottom{
  64. align-self:flex-end;
  65. }
  66. .wp-block-column.is-vertically-aligned-stretch{
  67. align-self:stretch;
  68. }
  69. .wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
  70. width:100%;
  71. }