admin-toolbar-control-bar.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
:root {
  --admin-toolbar-top-bar-height: var(-admin-toolbar-space-64);
}
:is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  &.admin-toolbar-control-bar {
    position: relative;
    z-index: var(--admin-toolbar-z-index-admin-toolbar-control-bar);
    display: flex;
    padding: var(--admin-toolbar-space-4);
    border-bottom: 1px solid var(--admin-toolbar-color-gray-100);
    background-color: white;
    font-family: var(--admin-toolbar-font-family);

    @media (min-width: 64rem) {
      display: none;
    }
  }

  .admin-toolbar-control-bar__burger {
    align-self: start;

    @media (min-width: 64rem) {
      display: none;
    }
  }

  .admin-toolbar-control-bar__content {
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: space-between;
    gap: var(--admin-toolbar-space-16);
    width: 100%;
  }
}

File

View on git.drupalcode.org

core/modules/navigation/css/components/admin-toolbar-control-bar.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. :root {

  8.   --admin-toolbar-top-bar-height: var(-admin-toolbar-space-64);

  9. }

  10. :is(#extra-specificity-hack, [data-drupal-admin-styles]) {

  11.   &.admin-toolbar-control-bar {

  12.     position: relative;

  13.     z-index: var(--admin-toolbar-z-index-admin-toolbar-control-bar);

  14.     display: flex;

  15.     padding: var(--admin-toolbar-space-4);

  16.     border-bottom: 1px solid var(--admin-toolbar-color-gray-100);

  17.     background-color: white;

  18.     font-family: var(--admin-toolbar-font-family);

  19. 

  20.     @media (min-width: 64rem) {

  21.       display: none;

  22.     }

  23.   }

  24. 

  25.   .admin-toolbar-control-bar__burger {

  26.     align-self: start;

  27. 

  28.     @media (min-width: 64rem) {

  29.       display: none;

  30.     }

  31.   }

  32. 

  33.   .admin-toolbar-control-bar__content {

  34.     display: grid;

  35.     grid-auto-flow: column;

  36.     align-items: center;

  37.     justify-content: space-between;

  38.     gap: var(--admin-toolbar-space-16);

  39.     width: 100%;

  40.   }

  41. }

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