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-card[data-astro-cid-weny5x7l]:hover .service-icon-background[data-astro-cid-weny5x7l]{opacity:.2;transform:scale(1.5)}.service-card[data-astro-cid-weny5x7l]:hover .service-name[data-astro-cid-weny5x7l]{transform:translateY(2px);font-weight:500}.view-mode-list .service-card[data-astro-cid-weny5x7l]:hover{transform:translate(4px) scale(1.01)}.view-mode-list .service-card[data-astro-cid-weny5x7l]:active{transform:translate(2px) scale(.99)}.dark .service-card[data-astro-cid-weny5x7l]{box-shadow:0 2px 4px #0000004d}.dark .service-card[data-astro-cid-weny5x7l]:hover{box-shadow:0 10px 20px #0006}.print-qr-code[data-astro-cid-weny5x7l]{display:none}@media print{.service-card[data-astro-cid-weny5x7l]{break-inside:avoid;page-break-inside:avoid;box-shadow:none!important;border:1px solid #ddd!important;transform:none!important;background:#fff!important;color:#000!important;display:flex;flex-direction:row!important;align-items:center;padding:1rem;margin-bottom:.5rem}.service-icon[data-astro-cid-weny5x7l]{width:2rem!important;height:2rem!important;margin-right:1rem}.service-name[data-astro-cid-weny5x7l]{margin:0!important;font-weight:700!important;font-size:1rem!important;flex:1;text-align:left!important}.print-qr-code[data-astro-cid-weny5x7l]{display:flex;flex-direction:column;align-items:center;margin-left:auto;width:4rem}.qr-placeholder[data-astro-cid-weny5x7l]{width:4rem;height:4rem;border:1px solid #ddd;margin-bottom:.25rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='1' d='M4 4h4v4H4zM16 4h4v4h-4zM4 16h4v4H4zM12 12h4v4h-4zM8 8h8v8H8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain}.qr-url[data-astro-cid-weny5x7l]{font-size:.6rem;word-break:break-all;text-align:center;max-width:4rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.scroll-reveal[data-astro-cid-y7gqhcva]{opacity:0;will-change:transform,opacity}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=fade-up]{transform:translateY(30px)}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=fade-down]{transform:translateY(-30px)}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=fade-left]{transform:translate(30px)}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=fade-right]{transform:translate(-30px)}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=zoom-in]{transform:scale(.9)}.scroll-reveal[data-astro-cid-y7gqhcva][data-animation=zoom-out]{transform:scale(1.1)}.scroll-reveal[data-astro-cid-y7gqhcva].revealed{opacity:1;transform:translate(0) scale(1)}@media (prefers-reduced-motion: reduce){.scroll-reveal[data-astro-cid-y7gqhcva]{transition:none!important;opacity:1!important;transform:none!important}}.category-toggle[data-astro-cid-7vdpbefz]{padding:.5rem;border-radius:.375rem;transition:all .3s cubic-bezier(.25,.8,.25,1);position:relative}.category-toggle[data-astro-cid-7vdpbefz]:hover{padding-left:1rem}.category-toggle[data-astro-cid-7vdpbefz]:active{transform:scale(.98)}.category-bg[data-astro-cid-7vdpbefz]{background:var(--color-zag-accent);border-radius:.375rem}.category-title[data-astro-cid-7vdpbefz]{transition:all .3s cubic-bezier(.25,.8,.25,1);display:inline-block}.category-toggle[data-astro-cid-7vdpbefz]:hover .category-title[data-astro-cid-7vdpbefz]{transform:translate(.25rem)}.category-toggle[data-astro-cid-7vdpbefz]:focus-visible{outline:2px solid var(--color-zag-accent-dark);outline-offset:2px}.service-card-skeleton[data-astro-cid-5k2ppger]{height:100%;width:100%}@media print{header,footer,.search-container,.style-controls,button[aria-controls]{display:none!important}[x-show=open]{display:block!important}.grid{display:block!important;columns:2!important;column-gap:1.5rem!important}.category-section{break-inside:avoid;page-break-inside:avoid;margin-bottom:1.5rem!important;border-bottom:1px solid #ddd;padding-bottom:1rem}.category-section>button{font-size:1.5rem!important;margin-bottom:1rem!important;border-bottom:2px solid #000;padding-bottom:.5rem}.category-section svg{display:none!important}@page{margin:1cm}body:after{content:"Printed from justin.deal/homelab on " attr(data-print-date);display:block;text-align:center;font-size:.8rem;margin-top:2rem;font-style:italic}body,html{background:#fff!important;color:#000!important}body:before{content:"Homelab Services Directory";display:block;text-align:center;font-size:1.5rem;font-weight:700;margin:1rem 0 2rem;border-bottom:2px solid #000;padding-bottom:.5rem}*{animation:none!important;transition:none!important}}
|