pre-header.css

Same filename in other branches
  1. 9 core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css
  2. 10 core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css
  3. 11.x core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css

This file is used to style the pre-header.

It styles the pre-header as a global component; it does not style individual pre-header items, such as search, which are styled by their own CSS files.

File

core/profiles/demo_umami/themes/umami/css/components/regions/pre-header/pre-header.css

View source
  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. .region-pre-header {
  9. display: flex;
  10. flex-wrap: wrap;
  11. align-items: center;
  12. justify-content: space-between;
  13. padding: 0.75rem 1rem;
  14. border-bottom: 1px solid #e6eee0;
  15. }
  16. @media screen and (min-width: 48em) {
  17. .region-pre-header {
  18. padding: 0 1rem;
  19. }
  20. }
  21. /* 77em == the max width of .container + 1em either side */
  22. @media screen and (min-width: 77em) {
  23. .region-pre-header {
  24. padding: 0;
  25. }
  26. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.