header-buttons-mobile.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/header-buttons-mobile.css
  2. 11.x 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. [dir="ltr"] .mobile-buttons {
  12. margin-left: auto;
  13. }
  14. [dir="rtl"] .mobile-buttons {
  15. margin-right: auto;
  16. }
  17. .mobile-buttons {
  18. margin-top: 0.5625rem;
  19. }
  20. @media (min-width: 31.25rem) {
  21. .mobile-buttons {
  22. margin-top: 2.25rem;
  23. }
  24. }
  25. @media (min-width: 43.75rem) {
  26. .mobile-buttons {
  27. margin-top: 4.5rem;
  28. }
  29. }
  30. @media (min-width: 75rem) {
  31. .mobile-buttons {
  32. margin-top: 6.75rem;
  33. }
  34. }
  35. @media (min-width: 75rem) {
  36. body:not(.is-always-mobile-nav) .mobile-buttons {
  37. display: none;
  38. }
  39. }

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