core/modules/navigation/components/title/title.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

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* 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);
}