www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/layout/grid-2.css

   1 /**
   2  * @file
   3  * This file is used to create a 3 column grid layout.
   4  */
   5
   6 .grid--2 .views-row {
   7   margin-bottom: 28px;
   8   padding: 0 14px;
   9 }
  10
  11 @media screen and (min-width: 30em) {
  12   .grid--2 {
  13     overflow-x: hidden;
  14   }
  15   .grid--2 .view-content {
  16     display: flex;
  17     flex-wrap: wrap;
  18     margin: 0;
  19   }
  20   .grid--2 .views-row {
  21     display: flex;
  22     flex-grow: 0;
  23     flex-shrink: 0;
  24     flex-basis: calc(50% - 28px);
  25     margin: 0 14px 28px;
  26     padding: 0;
  27   }
  28 }
  29
  30 /* 77em == the max width of .container + 1em either side */
  31 @media screen and (min-width: 77em) {
  32   .grid--2 .view-content {
  33     margin-left: -14px;
  34     margin-right: -14px;
  35   }
  36 }