header-buttons-mobile.pcss.css

Same filename in other branches
  1. 9 core/themes/olivero/css/components/header-buttons-mobile.pcss.css
  2. 10 core/themes/olivero/css/components/header-buttons-mobile.pcss.css

Header Mobile Buttons.

File

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

View source
  1. /**
  2. * @file
  3. * Header Mobile Buttons.
  4. */
  5. @import "../base/media-queries.pcss.css";
  6. .mobile-buttons {
  7. margin-block-start: var(--sp0-5);
  8. margin-inline-start: auto;
  9. @media (--sm) {
  10. margin-block-start: var(--sp2);
  11. }
  12. @media (--md) {
  13. margin-block-start: var(--sp4);
  14. }
  15. @media (--nav) {
  16. margin-block-start: var(--sp6);
  17. }
  18. }
  19. @media (--nav) {
  20. body:not(.is-always-mobile-nav) .mobile-buttons {
  21. display: none;
  22. }
  23. }

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