www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/layout_discovery/layouts/threecol_33_34_33/threecol_33_34_33.css

   1 /*
   2  * @file
   3  * Provides the layout styles for layout_threecol_33_34_33.
   4  *
   5  * @todo Using display: flex requires https://www.drupal.org/node/2842298 to be
   6  * in before this can be marked as stable.
   7  */
   8
   9 .layout--threecol-33-34-33 {
  10   display: flex;
  11   flex-wrap: wrap;
  12 }
  13
  14 .layout--threecol-33-34-33 > .layout__region {
  15   flex: 0 1 100%;
  16 }
  17
  18 @media screen and (min-width: 40em) {
  19   .layout--threecol-33-34-33 > .layout__region--first,
  20   .layout--threecol-33-34-33 > .layout__region--third {
  21     flex: 0 1 33%;
  22   }
  23   .layout--threecol-33-34-33 > .layout__region--second {
  24     flex: 0 1 34%;
  25   }
  26 }