page-title.pcss.css

Same filename in this branch
  1. 11.x core/themes/olivero/css/components/page-title.pcss.css
  2. 11.x core/themes/claro/css/components/page-title.pcss.css
  3. 11.x core/themes/admin/css/components/page-title.pcss.css
  4. 11.x core/modules/shortcut/css/backport-themes/olivero/page-title.pcss.css
Same filename and directory in other branches
  1. 10 core/themes/olivero/css/components/page-title.pcss.css
  2. 10 core/themes/claro/css/components/page-title.pcss.css
  3. 9 core/themes/olivero/css/components/page-title.pcss.css
  4. 9 core/themes/claro/css/components/page-title.pcss.css
  5. 8.9.x core/themes/claro/css/components/page-title.pcss.css
  6. main core/themes/olivero/css/components/page-title.pcss.css
  7. main core/themes/claro/css/components/page-title.pcss.css
  8. main core/themes/admin/css/components/page-title.pcss.css
  9. main core/themes/default_admin/css/components/page-title.pcss.css
  10. main core/modules/shortcut/css/backport-themes/olivero/page-title.pcss.css

Page title.

File

core/themes/default_admin/css/components/page-title.pcss.css

View source
  1. /**
  2. * @file
  3. * Page title.
  4. */
  5. @import "../base/media-queries.pcss.css";
  6. .block-page-title-block {
  7. margin-block: var(--admin-space-s);
  8. }
  9. .page-title {
  10. display: inline-block;
  11. overflow: hidden;
  12. max-width: 90%;
  13. margin: 0;
  14. padding-inline-end: 0.25em;
  15. white-space: nowrap;
  16. letter-spacing: -0.05em;
  17. text-overflow: ellipsis;
  18. color: var(--admin-color-text-loud);
  19. font-size: var(--admin-font-size-page-title);
  20. font-weight: var(--admin-font-weight-bold);
  21. line-height: normal;
  22. -webkit-font-smoothing: antialiased;
  23. .region-header >
  24. @media (prefers-reduced-motion: no-preference) {
  25. transition: font-size 0.25s ease;
  26. }
  27. @media (--admin-large) {
  28. .region-sticky--is-sticky
  29. }
  30. }
  31. .page-title__language {
  32. display: block;
  33. letter-spacing: normal;
  34. color: var(--admin-color-text);
  35. font-size: var(--admin-font-size-xs);
  36. font-weight: var(--admin-font-weight-normal);
  37. }

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