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

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