@platformos/pos-cli
Version:
Manage your platformOS application
2 lines (1 loc) • 3.39 kB
CSS
nav.svelte-9flr1b.svelte-9flr1b{width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:82px;z-index:10;border-bottom:1px solid var(--color-frame);background-color:rgba(var(--color-rgb-background),.8);backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px)}nav.svelte-9flr1b input.svelte-9flr1b{padding-inline-end:2rem}.clearFilter.svelte-9flr1b.svelte-9flr1b{padding:.5rem;position:relative;left:-2.3rem;cursor:pointer}.clearFilter.svelte-9flr1b .label.svelte-9flr1b{position:absolute;left:-100vw}.clearFilter.svelte-9flr1b.svelte-9flr1b:hover{color:var(--color-interaction)}.create.svelte-9flr1b.svelte-9flr1b{max-width:1150px;margin-inline:auto;margin-block-start:2rem;padding:1rem 3.6rem 1rem 5.2rem;border-radius:1rem;background-color:var(--color-background)}.create.svelte-9flr1b form.svelte-9flr1b{display:grid;grid-template-columns:.7fr 1fr auto;align-items:center;gap:1rem}.create.svelte-9flr1b input[name=name].svelte-9flr1b{font-family:monospace;font-size:1rem;font-weight:600}.create.svelte-9flr1b fieldset.svelte-9flr1b:last-of-type{margin-inline-start:.5em}.create.svelte-9flr1b label.svelte-9flr1b{margin-block-end:.4em;display:block}.create.svelte-9flr1b input.svelte-9flr1b{width:100%}.create.svelte-9flr1b .button.svelte-9flr1b{margin-inline-end:-1.6rem;align-self:end}ul.svelte-9flr1b.svelte-9flr1b{max-width:1100px;margin-inline:auto;margin-block-start:2rem;padding-inline:2rem}li.svelte-9flr1b.svelte-9flr1b{margin-block-end:1rem;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.2rem}li.hidden.svelte-9flr1b.svelte-9flr1b{display:none}.delete.svelte-9flr1b.svelte-9flr1b{opacity:0;transition:opacity .1s linear}li.svelte-9flr1b:hover .delete.svelte-9flr1b{opacity:1}.delete.svelte-9flr1b button.svelte-9flr1b{padding:.7rem;cursor:pointer;color:var(--color-danger)}.delete.svelte-9flr1b .label.svelte-9flr1b{position:absolute;left:-100vw}.edit.svelte-9flr1b.svelte-9flr1b{display:grid;grid-template-columns:.7fr 1fr auto;align-items:center;gap:1rem}.edit.svelte-9flr1b label.svelte-9flr1b{overflow:hidden;text-overflow:ellipsis;font-family:monospace;font-size:1rem;font-weight:600}@font-face{font-family:password;font-style:normal;font-weight:400;src:url(https://jsbin-user-assets.s3.amazonaws.com/rafaelcastrocouto/password.ttf);font-display:block}.edit.svelte-9flr1b input.svelte-9flr1b{width:100%;padding-inline-end:3rem;font-family:password;line-height:18px;letter-spacing:1px;color:var(--color-text-secondary)}.edit.svelte-9flr1b input.exposed.svelte-9flr1b{font-family:var(--font-normal);letter-spacing:0;color:var(--color-text)}.edit.svelte-9flr1b fieldset.svelte-9flr1b{position:relative}.edit.svelte-9flr1b .toggleExposition.svelte-9flr1b{display:flex;align-items:center;position:absolute;right:.5em;top:0;bottom:0;cursor:pointer;opacity:0;color:var(--color-text-secondary);transition:all .1s linear}.edit.svelte-9flr1b:hover .toggleExposition.svelte-9flr1b{opacity:1}.edit.svelte-9flr1b .toggleExposition.svelte-9flr1b:hover{color:var(--color-interaction)}.edit.svelte-9flr1b .toggleExposition .label.svelte-9flr1b{position:absolute;left:-100vw}.edit.svelte-9flr1b button[type=submit].svelte-9flr1b{opacity:0;transition:opacity .1s linear}.edit.svelte-9flr1b button.needed.svelte-9flr1b{opacity:1}.highlighted.svelte-9flr1b input.svelte-9flr1b{background-color:var(--color-highlight)}