mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-24 02:59:58 +08:00
1 line
8.1 KiB
CSS
1 line
8.1 KiB
CSS
body{margin:0;padding:0}.dumi-default-search-result>dl{margin:2px 0}.dumi-default-search-result>dl>dt{height:30px;padding:0 16px;font-weight:700;font-size:14px;line-height:30px;color:#4f5866;background-color:#e4e9ec}[data-prefers-color=dark] .dumi-default-search-result>dl>dt{color:#8590a0;background-color:#2a353c}.dumi-default-search-result>dl>dt:first-child{margin-top:-2px}.dumi-default-search-result>dl>dt+dd{margin-top:2px}.dumi-default-search-result>dl>dd{margin:0 4px;padding:2px 0}.dumi-default-search-result>dl>dd+dd{border-top:1px dashed#e4e9ec}[data-prefers-color=dark] .dumi-default-search-result>dl>dd+dd{border-top-color:#2a353c}.dumi-default-search-result>dl>dd+dt{margin-top:2px}.dumi-default-search-result>dl>dd>a{position:relative;display:flex;height:60px;flex-direction:column;justify-content:center;padding-top:6px;padding-bottom:8px;padding-inline-start:54px;padding-inline-end:12px;text-decoration:none;box-sizing:border-box;border-radius:4px}.dumi-default-search-result>dl>dd>a[data-active],.dumi-default-search-result>dl>dd>a:hover{background-color:#1677ff}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a[data-active],[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a:hover{background-color:#00183a}.dumi-default-search-result>dl>dd>a[data-active]>h4,.dumi-default-search-result>dl>dd>a:hover>h4,.dumi-default-search-result>dl>dd>a[data-active]>p,.dumi-default-search-result>dl>dd>a:hover>p{color:#fff}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a[data-active]>h4,[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a:hover>h4,[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a[data-active]>p,[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a:hover>p{color:#ccc}.dumi-default-search-result>dl>dd>a[data-active]>svg,.dumi-default-search-result>dl>dd>a:hover>svg{fill:#fff}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a[data-active]>svg,[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a:hover>svg{fill:#ccc}.dumi-default-search-result>dl>dd>a>svg{position:absolute;top:14px;inset-inline-start:14px;width:32px;height:32px;fill:#c2c9cc}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a>svg{fill:#282d30}.dumi-default-search-result>dl>dd>a>h4,.dumi-default-search-result>dl>dd>a>p{margin:0;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.dumi-default-search-result>dl>dd>a>h4{color:#4f5866;font-size:14px}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a>h4{color:#8590a0}.dumi-default-search-result>dl>dd>a>p{margin-top:2px;font-size:13px;color:#8a9099}[data-prefers-color=dark] .dumi-default-search-result>dl>dd>a>p{color:#616d7f}.dumi-default-search-result>dl>dd>a>p:empty{display:none}.dumi-default-search-result mark{color:#484607;padding:0 2px;border-radius:2px;background-color:#fff9c5}[data-prefers-color=dark] .dumi-default-search-result mark{color:#939147;background-color:#382506}.dumi-default-search-result .dumi-default-search-empty{display:flex;height:140px;align-items:center;justify-content:center;color:#8a9099;font-size:16px}[data-prefers-color=dark] .dumi-default-search-result .dumi-default-search-empty{color:#616d7f}.dumi-default-search-result .dumi-default-search-empty>svg{margin-inline-end:8px;width:48px;fill:#c0c4c9}[data-prefers-color=dark] .dumi-default-search-result .dumi-default-search-empty>svg{fill:#343b45}.dumi-default-search-bar{position:relative}@media only screen and (max-width:767px){.dumi-default-search-bar{display:none}}.dumi-default-search-bar:not(:last-child){margin-inline-end:28px}.dumi-default-search-bar-svg{position:absolute;top:50%;margin-top:1px;inset-inline-start:16px;width:16px;fill:#8a9099;transform:translatey(-50%)}[data-prefers-color=dark] .dumi-default-search-bar-svg{fill:#616d7f}.dumi-default-search-bar-input{width:280px;height:40px;padding:0;padding-inline-start:40px;padding-inline-end:12px;color:#30363f;font-size:14px;border:1px solid#d0d5d8;border-radius:20px;box-sizing:border-box;outline:none;transition:all.3s;background-color:transparent}[data-prefers-color=dark] .dumi-default-search-bar-input{color:#c6c9cd;border-color:#1c2022}.dumi-default-search-bar-input:focus{border-color:rgba(22,119,255,.5);background-color:#fff;box-shadow:0 0 0 3px rgba(22,119,255,.1)}[data-prefers-color=dark] .dumi-default-search-bar-input:focus{border-color:rgba(0,83,200,.5);background-color:#050709;box-shadow:0 0 0 3px rgba(0,83,200,.1)}.dumi-default-search-bar-input:focus~.dumi-default-search-shortcut,.dumi-default-search-bar-input:not(:placeholder-shown)~.dumi-default-search-shortcut{opacity:0}.dumi-default-search-bar .dumi-default-search-shortcut{position:absolute;top:50%;inset-inline-end:11px;display:inline-block;padding:4px 8px;color:#8a9099;font-size:12px;line-height:1;white-space:nowrap;background-color:rgba(255,255,255,.8);border-radius:11px;border:1px solid#d0d5d8;transform:translatey(-50%);transition:all.3s;pointer-events:none}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-shortcut{background-color:rgba(0,0,0,.2);border-color:#1c2022}@media only screen and (max-width:767px){.dumi-default-search-bar .dumi-default-search-shortcut{display:none}}.dumi-default-search-bar .dumi-default-search-popover{position:absolute;top:100%;inset-inline-end:0;display:flex;flex-direction:column;width:540px;max-height:460px;margin-top:18px;background-color:#fff;border-radius:8px;box-shadow:0 4px 30px rgba(0,0,0,.2)}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-popover{background-color:#0f161d}.dumi-default-search-bar .dumi-default-search-popover:before{content:"";position:absolute;bottom:100%;inset-inline-end:100px;display:inline-block;width:0;height:0;border:8px solid transparent;border-bottom-color:#fff}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-popover:before{border-bottom-color:#0f161d}.dumi-default-search-bar .dumi-default-search-popover>section{flex:1 1;min-height:60px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-radius:inherit}.dumi-default-search-bar .dumi-default-search-modal{position:fixed;top:0;inset-inline-start:0;z-index:1000;width:100vw;height:100vh;display:flex;justify-content:center}.dumi-default-search-bar .dumi-default-search-modal-mask{background-color:rgba(0,0,0,.45);width:100%;height:100%}.dumi-default-search-bar .dumi-default-search-modal-content{position:absolute;top:60px;background-color:#fff;width:500px;padding:12px;box-sizing:border-box;box-shadow:inset 1px 1px 0 0 rgba(255,255,255,.5),0 3px 8px 0#555a64;border-radius:8px;max-height:calc(100% - 120px);display:flex;flex-direction:column}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-modal-content{background-color:#0f161d}.dumi-default-search-bar .dumi-default-search-modal .dumi-default-search-bar-input{width:100%;border-radius:4px}.dumi-default-search-bar .dumi-default-search-modal .dumi-default-search-result{min-height:60px;margin-top:12px;flex:auto;overflow:auto}.dumi-default-search-bar .dumi-default-search-modal .dumi-default-search-result>dl>dd{margin:0 auto}.dumi-default-search-bar .dumi-default-search-modal-commands{justify-content:flex-start;font-size:12px;color:#8a9099;list-style:none;padding:0;margin:0;border-top:1px solid#e4e9ec;padding-top:12px;display:flex;align-items:center;user-select:none}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-modal-commands{color:#616d7f;border-top-color:#2a353c}.dumi-default-search-bar .dumi-default-search-modal-commands>li{margin-inline-end:10px}.dumi-default-search-bar .dumi-default-search-modal-commands-arrow .dumi-default-search-modal-shortcut{margin-inline-end:4px}.dumi-default-search-bar .dumi-default-search-modal-commands-text{margin-inline-start:5px}.dumi-default-search-bar .dumi-default-search-modal-shortcut{display:inline-block;padding:4px 8px;color:#8a9099;font-size:12px;line-height:1;white-space:nowrap;background-color:#f7f9fb;border-radius:3px;border:1px solid#d0d5d8;border-bottom-width:2px;transition:all.3s;pointer-events:none}[data-prefers-color=dark] .dumi-default-search-bar .dumi-default-search-modal-shortcut{color:#616d7f;background-color:#050709;border-color:#1c2022} |