admin-toolbar-control-bar.css

Same filename in other branches
  1. 10 core/modules/navigation/css/components/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);
}
.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) {
  .admin-toolbar-control-bar {
    display: none;
  }
}
.admin-toolbar-control-bar__burger {
  align-self: start;
}
@media (min-width: 64rem) {
  .admin-toolbar-control-bar__burger {
    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

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. .admin-toolbar-control-bar {

  11.   position: relative;

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

  13.   display: flex;

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

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

  16.   background-color: white;

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

  18. }

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

  20.   .admin-toolbar-control-bar {

  21.     display: none;

  22.   }

  23. }

  24. .admin-toolbar-control-bar__burger {

  25.   align-self: start;

  26. }

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

  28.   .admin-toolbar-control-bar__burger {

  29.     display: none;

  30.   }

  31. }

  32. .admin-toolbar-control-bar__content {

  33.   display: grid;

  34.   grid-auto-flow: column;

  35.   align-items: center;

  36.   justify-content: space-between;

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

  38.   width: 100%;

  39. }

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