toolbar-block.pcss.css

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

Toolbar block styles.

File

core/modules/navigation/css/components/toolbar-block.pcss.css

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

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