tooltip.css

Tooltip styles.

File

core/modules/navigation/css/components/tooltip.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.  * Tooltip styles.

  11.  */

  12. .toolbar-tooltip {

  13.   position: fixed;

  14.   z-index: var(--admin-toolbar-z-index-tooltip);

  15.   display: none;

  16.   padding-inline: var(--admin-toolbar-space-12);

  17.   padding-block: var(--admin-toolbar-space-8);

  18.   color: var(--admin-toolbar-color-white);

  19.   border-radius: var(--admin-toolbar-space-8);

  20.   background-color: var(--admin-toolbar-color-gray-990);

  21.   font-size: var(--admin-toolbar-font-size-info-sm);

  22.   font-variation-settings: "wght" 600;

  23.   line-height: var(--admin-toolbar-line-height-info-sm);

  24. }

  25. @media (min-width: 64rem) {

  26.   [data-drupal-tooltip]:hover + .toolbar-tooltip,

  27.   [data-drupal-tooltip]:focus + .toolbar-tooltip {

  28.     display: block;

  29.   }

  30. }

  31. [data-admin-toolbar="expanded"] [data-drupal-tooltip]:hover + .toolbar-block__title-tooltip {

  32.   display: none;

  33. }