/
codex-search.style.css
1 lines (1 loc) 路 13.8 KB
/
codex-search.style.css
1
.cdx-icon{color:#202122;display:inline-flex;align-items:center;justify-content:center;vertical-align:text-bottom}.cdx-icon--flipped svg{transform:scaleX(-1)}.cdx-thumbnail{display:inline-flex}.cdx-thumbnail__placeholder,.cdx-thumbnail__image{background-position:center;background-repeat:no-repeat;background-size:cover;flex-shrink:0;width:40px;height:40px;border:1px solid #c8ccd1;border-radius:2px}.cdx-thumbnail__image{display:inline-block}.cdx-thumbnail__image-enter-active{transition-property:opacity;transition-duration:.1s}.cdx-thumbnail__image-enter-from{opacity:0}.cdx-thumbnail__placeholder{background-color:#f8f9fa;display:inline-flex;align-items:center;justify-content:center}.cdx-thumbnail__placeholder__icon{color:#72777d}.cdx-search-result-title{display:inline-block;font-weight:700}.cdx-search-result-title__match{font-weight:400}.cdx-menu-item{list-style:none;position:relative;padding:8px 12px;line-height:1.6;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-menu-item__content{display:flex;align-items:center;line-height:1.375;word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-menu-item__content,.cdx-menu-item__content:hover{text-decoration:none}.cdx-menu-item--has-description .cdx-menu-item__content{align-items:flex-start}.cdx-menu-item__text__description{display:block}.cdx-menu-item__thumbnail{margin-right:8px}.cdx-menu-item__icon{color:inherit;margin-right:8px}.cdx-menu-item__icon svg{width:1.42857143em;height:1.42857143em}.cdx-menu-item--bold-label .cdx-menu-item__text__label{font-weight:700}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text{overflow:hidden}.cdx-menu-item--hide-description-overflow .cdx-menu-item__text__description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdx-menu-item--enabled,.cdx-menu-item--enabled .cdx-menu-item__content{color:#202122}.cdx-menu-item--enabled .cdx-menu-item__text__description{color:#54595d}.cdx-menu-item--enabled:hover,.cdx-menu-item--enabled.cdx-menu-item--highlighted{background-color:#eaecf0;cursor:pointer}.cdx-menu-item--enabled.cdx-menu-item--active,.cdx-menu-item--enabled.cdx-menu-item--active:hover{background-color:#eaf3ff;color:#36c}.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active:hover .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--active .cdx-menu-item__text__description,.cdx-menu-item--enabled.cdx-menu-item--active:hover .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--enabled.cdx-menu-item--selected,.cdx-menu-item--enabled.cdx-menu-item--selected:hover{background-color:#eaf3ff}.cdx-menu-item--enabled.cdx-menu-item--selected:hover,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted,.cdx-menu-item--enabled.cdx-menu-item--selected:hover .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__content,.cdx-menu-item--enabled.cdx-menu-item--selected:hover .cdx-menu-item__text__description,.cdx-menu-item--enabled.cdx-menu-item--selected.cdx-menu-item--highlighted .cdx-menu-item__text__description{color:#36c}.cdx-menu-item--disabled{color:#72777d;cursor:default}.cdx-menu-item--disabled .cdx-menu-item__text__description{color:#72777d}.cdx-progress-bar{box-sizing:border-box;overflow-x:hidden}.cdx-progress-bar__bar{background-color:#36c;width:33%;height:100%;animation-name:cdx-animation-progress-bar__bar;animation-duration:1.6s;animation-timing-function:linear;animation-iteration-count:infinite}.cdx-progress-bar--block{background-color:#fff;position:relative;z-index:1;height:16px;max-width:none;border:1px solid #a2a9b1;border-radius:9999px;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-progress-bar--inline{width:100%;height:4px}@keyframes cdx-animation-progress-bar__bar{0%{transform:translate(-100%)}to{transform:translate(300%)}}.cdx-menu{background-color:#fff;position:absolute;left:0;z-index:4;box-sizing:border-box;width:100%;margin:-1px 0 0;border:1px solid #a2a9b1;border-radius:0 0 2px 2px;padding:0;box-shadow:0 2px 2px rgba(0,0,0,.2)}.cdx-menu__progress-bar{position:absolute;top:0}.cdx-button{box-sizing:border-box;min-width:32px;min-height:32px;max-width:448px;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding-right:12px;padding-left:12px;font-family:inherit;font-size:inherit;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:none;transition-property:background-color,color,border-color,box-shadow;transition-duration:.1s}.cdx-button::-moz-focus-inner{border:0;padding:0}.cdx-button:enabled{color:#202122}.cdx-button:enabled:hover{cursor:pointer}.cdx-button:enabled:focus:not(:active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-button:disabled{border-color:transparent}.cdx-button .cdx-icon{color:inherit}.cdx-button--icon-only{padding:0 5px}.cdx-button--framed:enabled{background-color:#f8f9fa;border-color:#a2a9b1}.cdx-button--framed:enabled:hover{background-color:#fff;color:#404244}.cdx-button--framed:enabled:active{background-color:#eaecf0;color:#000;border-color:#72777d}.cdx-button--framed:disabled{background-color:#c8ccd1;color:#fff}.cdx-button--type-primary.cdx-button--action-progressive:enabled{background-color:#36c;color:#fff;border-color:#36c}.cdx-button--type-primary.cdx-button--action-progressive:enabled:hover{background-color:#447ff5;border-color:#447ff5}.cdx-button--type-primary.cdx-button--action-progressive:enabled:active{background-color:#2a4b8d;border-color:#2a4b8d}.cdx-button--type-primary.cdx-button--action-progressive:enabled:focus:not(:active){border-color:#36c;box-shadow:inset 0 0 0 1px #36c,inset 0 0 0 2px #fff}.cdx-button--type-primary.cdx-button--action-destructive:enabled{background-color:#d33;color:#fff;border-color:#d33}.cdx-button--type-primary.cdx-button--action-destructive:enabled:hover{background-color:#ff4242;border-color:#ff4242}.cdx-button--type-primary.cdx-button--action-destructive:enabled:active{background-color:#b32424;border-color:#b32424}.cdx-button--type-primary.cdx-button--action-destructive:enabled:focus:not(:active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33,inset 0 0 0 2px #fff}.cdx-button--type-normal.cdx-button--action-progressive:enabled{color:#36c}.cdx-button--type-normal.cdx-button--action-progressive:enabled:hover{color:#447ff5;border-color:#447ff5}.cdx-button--type-normal.cdx-button--action-progressive:enabled:active{background-color:#eff3fa;color:#2a4b8d;border-color:#2a4b8d}.cdx-button--type-normal.cdx-button--action-destructive:enabled{color:#d33}.cdx-button--type-normal.cdx-button--action-destructive:enabled:hover{color:#ff4242;border-color:#ff4242}.cdx-button--type-normal.cdx-button--action-destructive:enabled:active{background-color:#fff;color:#b32424;border-color:#b32424}.cdx-button--type-normal.cdx-button--action-destructive:enabled:focus:not(:active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--type-quiet{background-color:rgba(255,255,255,0);border-color:transparent}.cdx-button--type-quiet:enabled:hover{background-color:rgba(0,24,73,calc(7 / 255))}.cdx-button--type-quiet:enabled:active{background-color:rgba(0,24,73,calc(21 / 255));color:#000;border-color:#72777d}.cdx-button--type-quiet.cdx-button--action-progressive:enabled{color:#36c}.cdx-button--type-quiet.cdx-button--action-progressive:enabled:hover{background-color:#eaf3ff;color:#447ff5}.cdx-button--type-quiet.cdx-button--action-progressive:enabled:active{background-color:#2a4b8d;color:#fff;border-color:#2a4b8d}.cdx-button--type-quiet.cdx-button--action-destructive:enabled{color:#d33}.cdx-button--type-quiet.cdx-button--action-destructive:enabled:hover{background-color:#fee7e6;color:#ff4242}.cdx-button--type-quiet.cdx-button--action-destructive:enabled:active{background-color:#b32424;color:#fff;border-color:#b32424}.cdx-button--type-quiet.cdx-button--action-destructive:enabled:focus:not(:active){border-color:#d33;box-shadow:inset 0 0 0 1px #d33}.cdx-button--type-quiet:disabled{color:#72777d}.cdx-text-input{position:relative;box-sizing:border-box}.cdx-text-input__start-icon{position:absolute;top:50%;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:9px}.cdx-text-input__start-icon svg{width:20px;height:20px}.cdx-text-input__end-icon{position:absolute;top:50%;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__end-icon svg{width:16px;height:16px}.cdx-text-input__clear-icon{position:absolute;top:50%;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:9px}.cdx-text-input__clear-icon svg{width:16px;height:16px}.cdx-text-input__clear-icon:hover{cursor:pointer}.cdx-text-input__end-icon+.cdx-text-input__clear-icon{position:absolute;top:50%;transform:translateY(-50%);transition-property:color;transition-duration:.1s;right:33px}.cdx-text-input__end-icon+.cdx-text-input__clear-icon svg{width:16px;height:16px}.cdx-text-input__input{display:block;box-sizing:border-box;min-height:32px;width:100%;margin:0;border-width:1px;border-style:solid;border-radius:2px;padding:4px 8px;font-family:inherit;font-size:inherit;line-height:1.42857143em}.cdx-text-input__input:enabled{background-color:#fff;color:#202122;border-color:#a2a9b1;box-shadow:inset 0 0 0 1px transparent;transition-property:background-color,color,border-color,box-shadow;transition-duration:.25s}.cdx-text-input__input:enabled~.cdx-text-input__icon{color:#72777d}.cdx-text-input__input:enabled:focus~.cdx-text-input__icon,.cdx-text-input__input:enabled.cdx-text-input__input--has-value~.cdx-text-input__icon{color:#202122}.cdx-text-input__input:enabled:hover{border-color:#72777d}.cdx-text-input__input:enabled:focus{border-color:#36c;box-shadow:inset 0 0 0 1px #36c;outline:1px solid transparent}.cdx-text-input__input:disabled{background-color:#eaecf0;color:#72777d;-webkit-text-fill-color:#72777d;border-color:#c8ccd1}.cdx-text-input__input:disabled~.cdx-text-input__icon{color:#72777d;pointer-events:none}.cdx-text-input__input::-webkit-input-placeholder{color:#72777d;opacity:1}.cdx-text-input__input::placeholder{color:#72777d;opacity:1}.cdx-text-input__input::-ms-clear{display:none}.cdx-text-input__input[type=search]{-webkit-appearance:none;-moz-appearance:textfield}.cdx-text-input__input[type=search]::-webkit-search-decoration,.cdx-text-input__input[type=search]::-webkit-search-cancel-button{display:none}.cdx-text-input--has-start-icon .cdx-text-input__input{padding-left:36px}.cdx-text-input--has-end-icon .cdx-text-input__input,.cdx-text-input--clearable .cdx-text-input__input{padding-right:32px}.cdx-text-input--has-end-icon.cdx-text-input--clearable .cdx-text-input__input{padding-right:56px}.cdx-search-input--has-end-button{background-color:#fff;display:flex;border:1px solid #a2a9b1;border-radius:2px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper{flex-grow:1;margin:-1px}.cdx-search-input--has-end-button .cdx-search-input__input-wrapper .cdx-text-input__input{border-top-right-radius:0;border-bottom-right-radius:0}.cdx-search-input__end-button{flex-shrink:0;margin:-1px -1px -1px 0;border-top-left-radius:0;border-bottom-left-radius:0}.cdx-search-input__end-button:hover{z-index:1}.cdx-search-input__end-button:focus{z-index:1}.cdx-search-input__input-wrapper{position:relative}.cdx-typeahead-search .cdx-menu-item{padding:0}.cdx-typeahead-search .cdx-menu-item__content{padding:8px 12px}.cdx-typeahead-search__menu-message,.cdx-typeahead-search__search-footer{color:#202122;display:flex;align-items:center;padding:8px 12px;text-decoration:none}.cdx-typeahead-search__search-footer{border-top:1px solid #c8ccd1}.cdx-typeahead-search__search-footer:visited{color:#202122}.cdx-typeahead-search__search-footer:hover{text-decoration:none;cursor:pointer}.cdx-typeahead-search__search-footer__icon{color:#54595d;width:auto;height:40px;margin-right:8px}.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__icon,.cdx-typeahead-search__search-footer__active .cdx-typeahead-search__search-footer__text{color:#36c}.cdx-typeahead-search__menu-message--with-thumbnail{padding-left:20px}.cdx-typeahead-search__input [aria-expanded=true],.cdx-typeahead-search__input[aria-expanded=true]{border-bottom-left-radius:0;border-bottom-right-radius:0}.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width:not(.cdx-typeahead-search--active){margin-left:24px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width),.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--active{margin-left:0}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__input,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--active .cdx-text-input__input{padding-left:60px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--active .cdx-text-input__start-icon{position:absolute;top:50%;transform:translateY(-50%);transition-property:color;transition-duration:.1s;left:22px}.cdx-typeahead-search--show-thumbnail:not(.cdx-typeahead-search--auto-expand-width) .cdx-text-input__start-icon svg,.cdx-typeahead-search--show-thumbnail.cdx-typeahead-search--auto-expand-width.cdx-typeahead-search--active .cdx-text-input__start-icon svg{width:20px;height:20px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer{padding-right:12px;padding-left:12px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__icon{flex-shrink:0;width:40px}.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__text,.cdx-typeahead-search--show-thumbnail .cdx-typeahead-search__search-footer__query{word-break:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.cdx-typeahead-search .cdx-menu-item:first-child .cdx-typeahead-search__search-footer{border-top:unset}