[ Index ]

PHP Cross Reference of WordPress Trunk (Updated Daily)

Search

title

Body

[close]

/wp-includes/blocks/columns/ -> style.css (source)

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


Generated : Thu Oct 23 08:20:05 2025 Cross-referenced by PHPXref