2 lines
8.5 KiB
CSS
2 lines
8.5 KiB
CSS
|
.size-selector[data-astro-cid-hsngm7cm],.view-selector[data-astro-cid-hsngm7cm],.display-selector[data-astro-cid-hsngm7cm]{box-shadow:2px 2px 0 var(--color-zag-dark);:where(.dark,.dark *) &{box-shadow:2px 2px 0 var(--color-zag-light)}}.active-size[data-astro-cid-hsngm7cm],.active-view[data-astro-cid-hsngm7cm],.active-display[data-astro-cid-hsngm7cm]{color:var(--color-zag-dark);background-color:var(--color-zag-light);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a;:where(.dark,.dark *) &{color:var(--color-zag-dark)}}.inactive-size[data-astro-cid-hsngm7cm],.inactive-view[data-astro-cid-hsngm7cm],.inactive-display[data-astro-cid-hsngm7cm]{color:var(--color-zag-dark-muted);:where(.dark,.dark *) &{color:var(--color-zag-light-muted)}}.inactive-size[data-astro-cid-hsngm7cm]:hover,.inactive-view[data-astro-cid-hsngm7cm]:hover,.inactive-display[data-astro-cid-hsngm7cm]:hover{background-color:var(--color-zag-light-muted);color:var(--color-zag-dark);:where(.dark,.dark *) &{background-color:var(--color-zag-dark-muted);color:var(--color-zag-light)}}.service-card[data-astro-cid-weny5x7l]{flex-direction:column;justify-content:center}.view-mode-list .service-card[data-astro-cid-weny5x7l]{flex-direction:row;justify-content:flex-start;padding:.5rem;border-radius:.375rem}.view-mode-list .service-name[data-astro-cid-weny5x7l]{margin-top:0;margin-left:1rem;text-align:left}.service-icon-container[data-astro-cid-weny5x7l],.service-name[data-astro-cid-weny5x7l]{display:block}.display-image-only .service-name[data-astro-cid-weny5x7l]{display:none}.display-image-only .service-icon-container[data-astro-cid-weny5x7l]{display:flex;justify-content:center;align-items:center}.display-name-only .service-icon-container[data-astro-cid-weny5x7l]{display:none}.display-name-only .service-name[data-astro-cid-weny5x7l]{display:block;margin-top:0;font-size:1.1rem}.view-mode-list.display-name-only .service-card[data-astro-cid-weny5x7l]{padding:.75rem 1rem}.view-mode-list.display-image-only .service-card[data-astro-cid-weny5x7l]{justify-content:center;padding:.5rem}#app-list{--icon-scale: 2;--icon-base-size: 1rem}.service-icon[data-astro-cid-weny5x7l]{width:calc(var(--icon-base-size) * var(--icon-scale) * 2);height:calc(var(--icon-base-size) * var(--icon-scale) * 2)}.icon-size-small .service-icon[data-astro-cid-weny5x7l]{width:2rem;height:2rem}.icon-size-medium .service-icon[data-astro-cid-weny5x7l]{width:4rem;height:4rem}.icon-size-large .service-icon[data-astro-cid-weny5x7l]{width:6rem;height:6rem}.service-card[data-astro-cid-weny5x7l]{transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 2px 4px #0000001a;border:2px solid transparent;background-color:var(--color-zag-bg);border-radius:.5rem;overflow:hidden;position:relative;will-change:transform,box-shadow,border-color}.service-card[data-astro-cid-weny5x7l]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,transparent 0%,var(--color-zag-accent) 300%);opacity:0;transition:opacity .3s cubic-bezier(.25,.8,.25,1);z-index:-1}.service-card[data-astro-cid-weny5x7l]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 20px #00000026;border-color:var(--color-zag-accent);background-color:var(--color-zag-bg-hover);z-index:10}.service-card[data-astro-cid-weny5x7l]:hover:before{opacity:.15}.service-card[data-astro-cid-weny5x7l]:active{transform:translateY(-2px) scale(.98);box-shadow:0 5px 10px #0000001a;transition:all .1s cubic-bezier(.25,.8,.25,1)}.service-icon-container[data-astro-cid-weny5x7l]{position:relative;transition:transform .3s cubic-bezier(.25,.8,.25,1)}.service-icon-background[data-astro-cid-weny5x7l]{background:radial-gradient(circle,var(--color-zag-accent) 0%,transparent 70%);transform:scale(.8);transition:all .3s cubic-bezier(.25,.8,.25,1)}.service-card[data-astro-cid-weny5x7l]:hover .service-icon-container[data-astro-cid-weny5x7l]{transform:translateY(-2px)}.service-card[data-astro-cid-weny5x7l]:hover .service-icon[data-astro-cid-weny5x7l]{transform:scale(1.1) rotate(2deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.service-
|