[ 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    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  
  46  :where(.wp-block-columns){
  47    margin-bottom:1.75em;
  48  }
  49  
  50  :where(.wp-block-columns.has-background){
  51    padding:1.25em 2.375em;
  52  }
  53  
  54  .wp-block-column{
  55    flex-grow:1;
  56    min-width:0;
  57    overflow-wrap:break-word;
  58    word-break:break-word;
  59  }
  60  .wp-block-column.is-vertically-aligned-top{
  61    align-self:flex-start;
  62  }
  63  .wp-block-column.is-vertically-aligned-center{
  64    align-self:center;
  65  }
  66  .wp-block-column.is-vertically-aligned-bottom{
  67    align-self:flex-end;
  68  }
  69  .wp-block-column.is-vertically-aligned-stretch{
  70    align-self:stretch;
  71  }
  72  .wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{
  73    width:100%;
  74  }


Generated : Thu Nov 21 08:20:01 2024 Cross-referenced by PHPXref