header-buttons-mobile.css

Header Mobile Buttons.

File

core/themes/olivero/css/components/header-buttons-mobile.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Header Mobile Buttons.
  10. */
  11. .mobile-buttons {
  12. margin-block-start: var(--sp0-5);
  13. margin-inline-start: auto;
  14. @media (min-width: 31.25rem) {
  15. margin-block-start: var(--sp2);
  16. }
  17. @media (min-width: 43.75rem) {
  18. margin-block-start: var(--sp4);
  19. }
  20. @media (min-width: 75rem) {
  21. margin-block-start: var(--sp6);
  22. }
  23. }
  24. @media (min-width: 75rem) {
  25. body:not(.is-always-mobile-nav) .mobile-buttons {
  26. display: none;
  27. }
  28. }

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