toolbar-block.css

Same filename and directory in other branches
  1. 10 core/modules/navigation/css/components/toolbar-block.css
  2. 11.x core/modules/navigation/css/components/toolbar-block.css

Toolbar block styles.

File

core/modules/navigation/css/components/toolbar-block.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. /* cspell:ignore wght */
  8. /**
  9. * @file
  10. * Toolbar block styles.
  11. */
  12. :is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  13. .toolbar-block {
  14. display: grid;
  15. gap: var(--admin-toolbar-space-4);
  16. .admin-toolbar__content
  17. }
  18. }
  19. }
  20. .toolbar-block__list {
  21. display: grid;
  22. margin: 0;
  23. padding: 0;
  24. list-style-type: none;
  25. word-wrap: break-word;
  26. hyphens: auto;
  27. gap: var(--admin-toolbar-space-4);
  28. }
  29. .toolbar-block__list-item {
  30. display: grid;
  31. }
  32. .toolbar-block__title {
  33. position: relative;
  34. margin: 0;
  35. padding: var(--admin-toolbar-space-12) var(--admin-toolbar-space-8);
  36. letter-spacing: var(--admin-toolbar-letter-spacing-0-8);
  37. text-transform: uppercase;
  38. color: var(--admin-toolbar-color-gray-700);
  39. font-family: inherit;
  40. font-size: var(--admin-toolbar-font-size-label-xs);
  41. line-height: var(--admin-toolbar-line-height-label-xs);
  42. font-variation-settings: "wght" 500;
  43. html:not([data-admin-toolbar="expanded"]) &,
  44. html[data-admin-toolbar-animating][data-admin-toolbar="expanded"]
  45. }
  46. }
  47. }

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