header-buttons-mobile.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/header-buttons-mobile.css
  2. 10 core/themes/olivero/css/components/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. }
  15. @media (min-width: 31.25rem) {
  16. .mobile-buttons {
  17. margin-block-start: var(--sp2);
  18. }
  19. }
  20. @media (min-width: 43.75rem) {
  21. .mobile-buttons {
  22. margin-block-start: var(--sp4);
  23. }
  24. }
  25. @media (min-width: 75rem) {
  26. .mobile-buttons {
  27. margin-block-start: var(--sp6);
  28. }
  29. }
  30. @media (min-width: 75rem) {
  31. body:not(.is-always-mobile-nav) .mobile-buttons {
  32. display: none;
  33. }
  34. }

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