@watone/wt-cli
Version:
watone tools
2 lines (1 loc) • 3.04 kB
CSS
[data-v-7e8ecafe]:root{--link-gradient: linear-gradient( 45deg, #4f39fa, #da62c4 30%, var(--color-border) 60% )}.link-card[data-v-7e8ecafe]{list-style:none;display:flex;cursor:pointer;padding:.15rem;border:2px solid transparent;background-image:var(--link-gradient);background-size:400%;border-radius:.5rem;background-position:100%;transition:background-position .6s cubic-bezier(.22,1,.36,1)}.link-card>a[data-v-7e8ecafe]{width:100%;text-decoration:none;line-height:1.4;padding:1em 1.3em;border-radius:.35rem;color:var(--text-color);background-color:#fff;opacity:.8}h2[data-v-7e8ecafe]{margin:0;transition:color .6s cubic-bezier(.22,1,.36,1)}p[data-v-7e8ecafe]{margin-top:.25rem;font-size:.8rem;margin-bottom:0;color:gray}h2 span[data-v-7e8ecafe]{display:inline-block;transition:transform .3s cubic-bezier(.22,1,.36,1)}.link-card-isactive[data-v-7e8ecafe]{border:2px solid #4f39fa;background-position:0;color:#4f39fa}.link-card[data-v-7e8ecafe]:is(:hover,:focus-within){background-position:0}.link-card:is(:hover,:focus-within) h2[data-v-7e8ecafe]{color:#4f39fa}.link-card:is(:hover,:focus-within) h2 span[data-v-7e8ecafe]{will-change:transform;transform:translate(2px)}.main{color:#000;padding:10px;font-size:.8rem}.code{font-size:.875em;border:.1em solid #ea9bd7;border-radius:4px;padding:.1rem .5rem;margin:0 1rem;display:flex;justify-content:center;align-items:center}.list-all{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.note{background:linear-gradient(135deg,#ece9e6,#ffffff);color:#f5f3f2;box-shadow:0 0 10px 4px #0000001a;margin:10px 0;min-height:500px;width:380px}.note .tools{background:linear-gradient(135deg,#f02fc2,#6094ea);color:#fff;display:flex;padding:.5rem}.note .tools button{background-color:transparent;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:.5rem}.note textarea{outline:none;font-family:inherit;font-size:1rem;border:none;height:400px;width:100%;padding:20px}.blue{color:#4c83ff;overflow:hidden;text-overflow:ellipsis;white-space:wrap}.hidden{display:none}[data-v-02d07284]:root{--astro-gradient: linear-gradient(0deg, #4f39fa, #da62c4)}h1[data-v-02d07284]{margin:2rem 0}main[data-v-02d07284]{margin:auto;padding:.8em}@media screen and (min-width: 900px){main[data-v-02d07284]{margin:0 0 0 220px}}.text-gradient[data-v-02d07284]{font-weight:900;background-image:var(--astro-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 200%;background-position-y:100%;border-radius:.4rem;animation:pulse-02d07284 4s ease-in-out infinite}@keyframes pulse-02d07284{0%,to{background-position-y:0%}50%{background-position-y:80%}}.instructions[data-v-02d07284]{line-height:1.6;margin:.5rem 0;background:#4f39fa;padding:.5rem;border-radius:.4rem;color:var(--color-bg)}.instructions code[data-v-02d07284]{font-size:.875em;border:.1em solid var(--color-border);border-radius:4px;padding:.15em .25em}.link-card-grid[data-v-02d07284]{display:grid;grid-template-columns:repeat(auto-fit,minmax(24ch,1fr));gap:1rem;padding:0}