header-buttons-mobile.pcss.css

Same filename in other branches
  1. 10 core/themes/olivero/css/components/header-buttons-mobile.pcss.css
  2. 11.x 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. 

  6. @import "../base/variables.pcss.css";

  7. 

  8. .mobile-buttons {

  9.   margin-block-start: var(--sp0-5);

  10.   margin-inline-start: auto;

  11. 

  12.   @media (--sm) {

  13.     margin-block-start: var(--sp2);

  14.   }

  15. 

  16.   @media (--md) {

  17.     margin-block-start: var(--sp4);

  18.   }

  19. 

  20.   @media (--nav) {

  21.     margin-block-start: var(--sp6);

  22.   }

  23. }

  24. 

  25. @media (--nav) {

  26.   body:not(.is-always-mobile-nav) .mobile-buttons {

  27.     display: none;

  28.   }

  29. }

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