www.aleph1.co.uk Git - yaffs-website/blob - web/core/profiles/demo_umami/themes/umami/css/components/regions/header/header.css

   1 /**
   2  * @file
   3  * This file is used to style the header.
   4  *
   5  * It styles the header as a global component; it does not style individual
   6  * header items, such as a menu, which are styled by their own CSS files.
   7  */
   8
   9 .layout-header {
  10   background: #fff;
  11   padding: 0;
  12 }
  13
  14 .region-header {
  15   display: flex;
  16   flex-wrap: wrap;
  17   align-items: center;
  18   padding: 0.75rem 0;
  19 }
  20
  21 @media screen and (min-width: 48em) {
  22   .region-header {
  23     padding: 0 1rem;
  24   }
  25 }
  26
  27 /* 77em == the max width of .container + 1em either side */
  28 @media screen and (min-width: 77em) {
  29   .region-header {
  30     padding: 0;
  31   }
  32 }