|
148 | 148 | // @description:zu Yengeza izimpendulo ze-AI ku-DuckDuckGo (inikwa amandla yi-GPT-4o!) |
149 | 149 | // @author KudoAI |
150 | 150 | // @namespace https://kudoai.com |
151 | | -// @version 2025.10.20.3 |
| 151 | +// @version 2025.10.21 |
152 | 152 | // @license MIT |
153 | 153 | // @icon https://assets.ddgpt.com/images/icons/app/icon48.png?v=533ce0f |
154 | 154 | // @icon64 https://assets.ddgpt.com/images/icons/app/icon64.png?v=533ce0f |
|
449 | 449 | : `1px solid #${ appScheme == 'light' ? 'e5e5e5' : '3b3b3b' }`}; |
450 | 450 | --app-gradient-bg: linear-gradient(180deg, ${ |
451 | 451 | appScheme == 'dark' ? '#99a8a6 -245px, black 185px' : '#b6ebff -163px, white 65px' }) ; |
452 | | - --app-hover-shadow-light-scheme: 0 1px 4px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.08) ; |
453 | | - --app-hover-shadow-dark-scheme: 0 1px 4px rgba(0,0,0,0.1), 0 4px 8px rgba(0,0,0,0.38) ; |
454 | 452 | --app-anchored-shadow: 0 15px 52px rgb(0,0,${ appScheme == 'light' ? '7,0.06' : '11,0.22' }) ; |
455 | 453 | --app-transition: opacity 0.5s ease, transform 0.5s ease, /* for 1st fade-in */ |
456 | 454 | bottom 0.1s cubic-bezier(0,0,0.2,1), /* smoothen Anchor Y min/restore */ |
457 | 455 | width 0.167s cubic-bezier(0,0,0.2,1) ; /* smoothen Anchor X expand/shrink */ |
458 | | - --app-shadow-transition: box-shadow 0.15s ease ; /* for app:hover to not trigger on hover-off */ |
459 | 456 | --standby-btn-zoom: scale(1.015) ; --standby-btn-transition: all 0.18s ease ; |
460 | 457 | --btn-transition: transform 0.15s ease, /* for hover-zoom */ |
461 | 458 | opacity 0.25s ease-in-out ; /* + btn-zoom-fade-out + .app-hover-only shows */ |
|
510 | 507 | -o-transition: var(--app-transition) ; -ms-transition: var(--app-transition) } |
511 | 508 | #${app.slug}:has(.${app.slug}-alert) { /* app alerts */ |
512 | 509 | border: var(--app-border) ; background-image: var(--app-gradient-bg) } |
513 | | - ${ env.browser.isPhone ? '' : appScheme != env.ui.site.scheme ? |
514 | | - // add hover shadow to bordered/un-anchored desktop app div |
515 | | - `#${app.slug}:hover, #${app.slug}:active { |
516 | | - box-shadow: var(--app-hover-shadow-${appScheme}-scheme) ; |
517 | | - transition: var(--app-shadow-transition) ; |
518 | | - -webkit-transition: var(--app-shadow-transition) ; |
519 | | - -moz-transition: var(--app-shadow-transition) ; |
520 | | - -o-transition: var(--app-shadow-transition) ; |
521 | | - -ms-transition: var(--app-shadow-transition) }` |
522 | | - : '' } |
523 | 510 | #${app.slug} .app-hover-only { /* hide app-hover-only elems */ |
524 | 511 | position: absolute ; left: -9999px ; opacity: 0 ; /* using position to support transitions */ |
525 | 512 | width: 0 } /* to support width calcs */ |
|
0 commit comments