Lines Matching refs:popup
58 --popup-font-family: "IBM Plex Sans", sans-serif;
59 --popup-font-size: 14px;
60 --popup-header-entry-selected-color: var(--color-blue-205-100-50);
61 --popup-header-font-weight: bolder;
62 --popup-header-group-divider-color: var(--color-grey-225-10-75);
63 --popup-background-color: var(--color-white);
64 --popup-border-color: transparent;
65 --popup-shadow-color: var(--color-black-opacity-30);
66 --popup-disabled-color: var(--color-grey-225-10-35);
67 --popup-description-color: var(--color-grey-225-10-55);
68 --popup-no-results-color: var(--color-grey-225-10-55);
69 --popup-entry-title-color: var(--color-grey-225-10-55);
70 --popup-entry-hover-color: var(--color-grey-225-10-95);
71 --popup-search-border-color: var(--color-grey-225-10-75);
72 --popup-search-focus-border-color: var(--color-blue-205-100-50);
73 --popup-search-focus-background-color: var(--color-blue-205-100-95);
520 * popup styles
522 .djs-popup {
526 background: var(--popup-background-color);
530 box-shadow: 0px 2px 6px var(--popup-shadow-color);
531 border: solid 1px var(--popup-border-color);
534 font-size: var(--popup-font-size);
535 font-family: var(--popup-font-family);
538 .djs-popup-search input {
541 font-size: var(--popup-font-size);
544 border: solid 1px var(--popup-search-border-color);
548 .djs-popup-search input:focus {
549 background-color: var(--popup-search-focus-background-color);
550 border: solid 1px var(--popup-search-focus-border-color);
554 .djs-popup-header {
561 .djs-popup-header .entry {
565 .djs-popup button.entry {
571 .djs-popup-header .entry.active {
572 color: var(--popup-header-entry-selected-color);
575 .djs-popup-header .entry.disabled {
579 .djs-popup-header-group {
588 .djs-popup-header-group .entry {
594 .djs-popup-header-group + .djs-popup-header-group:before {
598 background: var(--popup-header-group-divider-color);
602 .djs-popup-search {
608 .djs-popup-title {
609 font-size: var(--popup-font-size);
610 font-weight: var(--popup-header-font-weight);
615 .djs-popup-search-icon {
621 .djs-popup-results {
629 .djs-popup-group {
635 .djs-popup-body .entry,
636 .djs-popup-body .entry-header {
642 .djs-popup-body .entry-header {
643 font-weight: var(--popup-header-font-weight);
644 color: var(--popup-entry-title-color);
648 .djs-popup [class*="icon"] .djs-popup-label,
649 .djs-popup-label:not(:first-child) {
653 .djs-popup [class*="icon"]:before,
654 .djs-popup-entry-icon {
662 .djs-popup-body .entry-header:not(:first-child) {
667 .djs-popup-body .entry {
674 .djs-popup .entry.selected {
675 background-color: var(--popup-entry-hover-color);
678 .djs-popup .entry.disabled {
679 color: var(--popup-disabled-color);
683 .djs-popup-body .entry:not(:first-child) {
687 .djs-popup-entry-content {
694 .djs-popup-entry-description {
695 color: var(--popup-description-color);
698 .djs-popup-label,
699 .djs-popup-entry-description {
703 .djs-popup .entry,
704 .djs-popup .entry-header {
708 .djs-popup-title,
709 .djs-popup-label,
710 .djs-popup-entry-description,
711 .djs-popup .entry-header {
717 .djs-popup-entry-name {
721 .djs-popup-body {
726 .djs-popup *::-webkit-scrollbar {
730 .djs-popup *::-webkit-scrollbar-thumb {
735 .djs-popup *::-webkit-scrollbar-track {
742 .djs-popup-no-results {
744 color: var(--popup-no-results-color);
747 .djs-popup-entry-docs {
755 .djs-popup-body .entry:hover .djs-popup-entry-docs {
759 .djs-popup-entry-docs svg {