core/modules/navigation/components/title/title.pcss.css


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35

/* cspell:ignore csvg cpath wght */
/**
 * @file
 * Toolbar title styles.
 */

.toolbar-title {
  font-variation-settings: "wght" 500;
}

/* Sizes aligned with variables from css/base/variables.pcss.css */
.toolbar-title--xs {
  font-size: var(--admin-toolbar-font-size-heading-xs);
}

.toolbar-title--ellipsis {
  .toolbar-title__label {
    overflow: hidden;
    max-width: var(--toolbar--title-max-width);
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}

.toolbar-title:has(.toolbar-title__icon) {
  display: flex;
  align-items: center;
  gap: var(--admin-toolbar-space-8);
}

.toolbar-title__icon {
  flex-shrink: 0;
  inline-size: var(--admin-toolbar-space-16);
  block-size: var(--admin-toolbar-space-16);
}