yaffs.net 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: 0 0 calc(50% - 28px);
  23     margin: 0 14px 28px;
  24     padding: 0;
  25   }
  26 }
  27
  28 /* 77em == the max width of .container + 1em either side */
  29 @media screen and (min-width: 77em) {
  30   .grid--2 .view-content {
  31     margin-left: -14px;
  32     margin-right: -14px;
  33   }
  34 }