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);
524 * popup styles
526 .djs-popup {
530 background: var(--popup-background-color);
534 box-shadow: 0px 2px 6px var(--popup-shadow-color);
535 border: solid 1px var(--popup-border-color);
538 font-size: var(--popup-font-size);
539 font-family: var(--popup-font-family);
542 .djs-popup-search input {
545 font-size: var(--popup-font-size);
548 border: solid 1px var(--popup-search-border-color);
552 .djs-popup-search input:focus {
553 background-color: var(--popup-search-focus-background-color);
554 border: solid 1px var(--popup-search-focus-border-color);
558 .djs-popup-header {
565 .djs-popup-header .entry {
569 .djs-popup button.entry {
575 .djs-popup-header .entry.active {
576 color: var(--popup-header-entry-selected-color);
579 .djs-popup-header .entry.disabled {
583 .djs-popup-header-group {
592 .djs-popup-header-group .entry {
598 .djs-popup-header-group + .djs-popup-header-group:before {
602 background: var(--popup-header-group-divider-color);
606 .djs-popup-search {
612 .djs-popup-title {
613 font-size: var(--popup-font-size);
614 font-weight: var(--popup-header-font-weight);
619 .djs-popup-search-icon {
625 .djs-popup-results {
633 .djs-popup-group {
639 .djs-popup-body .entry,
640 .djs-popup-body .entry-header {
646 .djs-popup-body .entry-header {
647 font-weight: var(--popup-header-font-weight);
648 color: var(--popup-entry-title-color);
652 .djs-popup [class*="icon"] .djs-popup-label,
653 .djs-popup-label:not(:first-child) {
657 .djs-popup [class*="icon"]:before,
658 .djs-popup-entry-icon {
666 .djs-popup-body .entry-header:not(:first-child) {
671 .djs-popup-body .entry {
678 .djs-popup .entry.selected {
679 background-color: var(--popup-entry-hover-color);
682 .djs-popup .entry.disabled {
683 color: var(--popup-disabled-color);
687 .djs-popup-body .entry:not(:first-child) {
691 .djs-popup-entry-content {
698 .djs-popup-entry-description {
699 color: var(--popup-description-color);
702 .djs-popup-label,
703 .djs-popup-entry-description {
707 .djs-popup .entry,
708 .djs-popup .entry-header {
712 .djs-popup-title,
713 .djs-popup-label,
714 .djs-popup-entry-description,
715 .djs-popup .entry-header {
721 .djs-popup-entry-name {
725 .djs-popup-body {
730 .djs-popup *::-webkit-scrollbar {
734 .djs-popup *::-webkit-scrollbar-thumb {
739 .djs-popup *::-webkit-scrollbar-track {
746 .djs-popup-no-results {
748 color: var(--popup-no-results-color);
751 .djs-popup-entry-docs {
759 .djs-popup-body .entry:hover .djs-popup-entry-docs {
763 .djs-popup-entry-docs svg {