@mytiki/receipt-capacitor
Version:
The TIKI Receipt library adds to your Vue.js + Capacitor **mobile app** a Data Reward program for your users to share their receipts in-exchange for **cash from Tiki inc**.
2 lines (1 loc) • 14.9 kB
CSS
@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap";:root{--tiki-font-family: "Space Grotesk", sans-serif;--tiki-primary-text-color: rgb(0 0 0);--tiki-secondary-text-color: rgb(90 90 90);--tiki-primary-background-color: rgb(255 255 255);--tiki-secondary-background-color: rgb(246 246 246);--tiki-error-color: rgb(199, 48, 0);--tiki-success-color: rgb(0 178 114);--tiki-font-size-base: 12px;--tiki-font-size-xs: calc(var(--tiki-font-size-base) * .75);--tiki-line-height-xs: calc(var(--tiki-font-size-base) * 1);--tiki-font-size-sm: calc(var(--tiki-font-size-base) * .875);--tiki-line-height-sm: calc(var(--tiki-font-size-base) * 1.25);--tiki-font-size: calc(var(--tiki-font-size-base) * 1);--tiki-line-height: calc(var(--tiki-font-size-base) * 1.5);--tiki-font-size-lg: calc(var(--tiki-font-size-base) * 1.125);--tiki-line-height-lg: calc(var(--tiki-font-size-base) * 1.75);--tiki-font-size-xl: calc(var(--tiki-font-size-base) * 1.25);--tiki-line-height-xl: calc(var(--tiki-font-size-base) * 1.75)}@media (min-height: 640px){:root{--tiki-font-size-base: 12px}}@media (min-height: 667px){:root{--tiki-font-size-base: 13px}}@media (min-height: 740px){:root{--tiki-font-size-base: 14px}}@media (min-height: 780px){:root{--tiki-font-size-base: 15px}}@media (min-height: 812px){:root{--tiki-font-size-base: 16px}}.account-container[data-v-34f3d14c]{display:flex;align-items:center;justify-content:space-between;font-family:var(--tiki-font-family);font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);color:var(--tiki-secondary-text-color)}.account[data-v-34f3d14c]{display:flex;align-items:center}.account .img[data-v-34f3d14c]{height:3.5em;width:3.5em;margin-right:1.5em;position:relative}.account .img .overlay[data-v-34f3d14c]{background:var(--tiki-error-color);opacity:25%;position:absolute;height:3.5em;width:3.5em;top:0;left:0;border-radius:.625em;z-index:2}.account .img img[data-v-34f3d14c]{position:absolute;height:3.5em;width:3.5em;top:0;left:0;border-radius:.625em;z-index:1}.account .text .type[data-v-34f3d14c]{font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height);font-weight:700}.account .text .username[data-v-34f3d14c]{font-size:var(--tiki-font-size-lg);line-height:var(--tiki-line-height);font-weight:500}.error[data-v-34f3d14c]{color:var(--tiki-error-color)}.delete[data-v-34f3d14c]{background:transparent;border:none;width:100%;text-align:right;height:3.5em}.delete .ico[data-v-34f3d14c]{width:2em;height:2em;color:var(--tiki-primary-background-color)}.delete .ico[data-v-34f3d14c] .background{fill:var(--tiki-error-color)}.list[data-v-f4120b1c]{overflow:scroll;font-size:var(--tiki-font-size)}.status[data-v-f4120b1c]{margin:1em 0;padding:.5em}#accounts{text-transform:capitalize;width:100%;font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-weight:700;color:var(--tiki-primary-text-color);padding:.6em .8em;background-color:var(--tiki-primary-background-color);border:none;border-radius:.5em;margin-bottom:1.2em}select{padding:10px 30px 10px 10px;-moz-appearance:none;-webkit-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat,repeat;background-position:right .7em top 50%,0 0;background-size:.65em auto,100%}select:focus{outline:none}label{display:block;font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);font-weight:700;color:var(--tiki-secondary-text-color);margin-bottom:.5em}form[data-v-775faf73]{font-family:var(--tiki-font-family);box-sizing:border-box}input[data-v-775faf73]{width:100%;font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-weight:700;color:var(--tiki-primary-text-color);padding:.6em .8em;background-color:var(--tiki-primary-background-color);border:none;border-radius:.5em;box-sizing:border-box;margin-bottom:1.2em}.error[data-v-775faf73]{font-family:var(--tiki-font-family);font-size:var(--tiki-font-size);margin:0 0 2em;color:#c73000;text-align:center;font-weight:500}.error-message[data-v-775faf73]{margin:0}input[data-v-775faf73]:focus{outline:none}label[data-v-775faf73]{display:block;font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);font-weight:700;color:var(--tiki-secondary-text-color);margin-bottom:.5em}.title[data-v-3864feb8]{display:flex;align-items:center;justify-content:space-between;text-transform:uppercase;font-family:var(--tiki-font-family);font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);color:var(--tiki-primary-text-color);font-weight:700}.bullet[data-v-3864feb8]{display:flex;align-items:center;font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);margin:.75em 0;font-weight:500;color:var(--tiki-secondary-text-color)}.bullet .icon[data-v-3864feb8]{width:1.21875em;margin-right:1em}.title .btn[data-v-3864feb8]{margin-left:1em}.icon[data-v-7046152f],.p0[data-v-7046152f]{color:var(--tiki-secondary-text-color);display:block}.icon[data-v-7046152f] .background{fill:var(--tiki-primary-background-color)}.percent[data-v-7046152f]{color:var(--tiki-success-color)}.p100[data-v-7046152f],.error[data-v-7046152f],.sync[data-v-7046152f]{color:var(--tiki-primary-background-color)}.p100[data-v-7046152f] .background{fill:var(--tiki-success-color)}.error[data-v-7046152f] .background{fill:var(--tiki-error-color)}.sync[data-v-7046152f] .background{fill:var(--tiki-secondary-text-color)}.null[data-v-7046152f] .background{fill:var(--tiki-secondary-background-color)}.null[data-v-7046152f]{color:var(--tiki-secondary-text-color)}.back[data-v-fb5a6edf]{display:flex;align-items:center;color:var(--tiki-primary-text-color);font-weight:700;text-transform:uppercase;font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-family:var(--tiki-font-family);background-color:transparent;border:none;padding:0}.icon[data-v-fb5a6edf]{color:var(--tiki-primary-text-color);height:var(--tiki-font-size);margin-right:.4em}.btn-container[data-v-2e40f393]{height:2em;width:2em;position:relative;font-size:var(--tiki-font-size);border:none;background:transparent}.icon[data-v-2e40f393]{height:2em;width:auto;color:var(--tiki-secondary-text-color);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.icon[data-v-2e40f393] .background{fill:var(--tiki-primary-background-color)}.square-button[data-v-8f3feede]{background:var(--tiki-primary-background-color);font-family:var(--tiki-font-family);line-height:var(--tiki-line-height);font-size:var(--tiki-font-size);box-shadow:0 4px 4px #0000000d;height:5.3125em;width:5.3125em;border-radius:.833em;display:flex;flex-flow:column;align-items:center;justify-content:center}.text[data-v-8f3feede]{font-weight:700;margin-bottom:.5em;color:var(--tiki-secondary-text-color)}.state[data-v-8f3feede]{height:1.875em;width:1.875em}#loading[data-v-778815a6]{display:inline-block;width:1.2em;height:1.2em;border:3px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin-778815a6 1s ease-in-out infinite;-webkit-animation:spin-778815a6 1s ease-in-out infinite}@keyframes spin-778815a6{to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes spin-778815a6{to{-webkit-transform:rotate(360deg)}}.textButton[data-v-778815a6]{width:100%;height:2.7em;border-radius:.625em;border:solid 1px;cursor:pointer;font-weight:500;font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-family:var(--tiki-font-family);box-shadow:0 4px 4px #0000000d;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.standard[data-v-778815a6]{border-color:var(--tiki-success-color);background-color:var(--tiki-success-color);color:var(--tiki-primary-background-color)}.boring[data-v-778815a6]{border-color:var(--tiki-primary-background-color);background-color:var(--tiki-primary-background-color);color:var(--tiki-primary-text-color)}.alert[data-v-778815a6]{border-color:var(--tiki-error-color);background-color:var(--tiki-error-color);color:var(--tiki-primary-background-color)}.disable[data-v-778815a6]{opacity:50%}.card[data-v-13ea3f2e]{width:100%;padding:1.25em;background-color:var(--tiki-primary-background-color);box-sizing:border-box;border-radius:.625em;box-shadow:0 4px 4px #0000000d}.img[data-v-13ea3f2e]{width:100%;height:auto}.description[data-v-13ea3f2e]{height:3.9375em;font-family:var(--tiki-font-family);font-size:var(--tiki-font-size);line-height:var(--tiki-line-height-sm);color:#1c000099;font-weight:700;text-align:left;display:flex;justify-content:center;align-items:center;margin:0}.heading[data-v-22dbd8e6]{display:flex;align-items:flex-start;justify-content:space-between;margin:0 .5em 2em}.heading[data-v-cbde629a]{display:flex;align-items:flex-start;justify-content:space-between;margin:.5em .5em 2em}.title[data-v-cbde629a]{font-family:var(--tiki-font-family);color:var(--tiki-primary-text-color);font-weight:700;font-size:calc(var(--tiki-font-size) * 1.75);text-transform:uppercase;margin:0}.subtitle[data-v-cbde629a]{margin:.5em 0 0;font-family:var(--tiki-font-family);color:var(--tiki-secondary-text-color);font-weight:500;font-size:var(--tiki-font-size);line-height:var(--tiki-line-height)}.overlay[data-v-fb6cb442]{background-color:#000000b3;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:100vh;z-index:998;position:fixed}.bottom-sheet[data-v-fb6cb442]{background-color:var(--tiki-secondary-background-color);position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100vw;height:fit-content;z-index:999;border-radius:40px 40px 0 0;box-sizing:border-box;max-height:95vh}.slide-fade-enter-active[data-v-fb6cb442]{transition:all .4s ease}.slide-fade-leave-active[data-v-fb6cb442]{transition:all .3s ease-out}.slide-fade-enter[data-v-fb6cb442],.slide-fade-leave-to[data-v-fb6cb442]{transform:translate(-50%,100%)}.fade-enter-active[data-v-fb6cb442],.fade-leave-active[data-v-fb6cb442]{transition:opacity .4s}.fade-enter[data-v-fb6cb442],.fade-leave-to[data-v-fb6cb442]{opacity:0}.body[data-v-864db6f2]{padding:1.25em 0;margin:auto}.cash[data-v-864db6f2]{margin-top:1.25em}.accounts[data-v-864db6f2]{display:flex;align-items:start;margin:0 auto 1em;width:fit-content}.accounts .button[data-v-864db6f2]{margin:0 1em}.bullets[data-v-864db6f2]{margin:2em auto;width:fit-content}.full-screen[data-v-ac8e761b]{display:flex;flex-flow:column;height:90vh}.learn-more[data-v-ac8e761b]{overflow-y:scroll;overflow-x:scroll;flex:1 1 auto;border-bottom:1px solid var(--tiki-success-color)}.learn-more[data-v-ac8e761b] h1,.learn-more[data-v-ac8e761b] h2,.learn-more[data-v-ac8e761b] h3,.learn-more[data-v-ac8e761b] h4,.learn-more[data-v-ac8e761b] h5,.learn-more[data-v-ac8e761b] h6,.learn-more[data-v-ac8e761b] p,.learn-more[data-v-ac8e761b] a,.learn-more[data-v-ac8e761b] ul,.learn-more[data-v-ac8e761b] ol,.learn-more[data-v-ac8e761b] table{font-family:var(--tiki-font-family);line-height:var(--tiki-line-height);font-size:var(--tiki-font-size);color:var(--tiki-primary-text-color)}.learn-more[data-v-ac8e761b] h1{font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-weight:700}.learn-more[data-v-ac8e761b] h2{font-size:var(--tiki-font-size-lg);line-height:var(--tiki-line-height-lg);font-weight:700}.learn-more[data-v-ac8e761b] h3{font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);font-weight:700}.learn-more[data-v-ac8e761b] h4{font-size:var(--tiki-font-size-sm);line-height:var(--tiki-line-height-sm);font-weight:700}.learn-more[data-v-ac8e761b] h5,.learn-more[data-v-ac8e761b] h6{font-size:var(--tiki-font-size-xs);line-height:var(--tiki-line-height-xs);font-weight:700}.learn-more[data-v-ac8e761b] a{color:var(--tiki-success-color)}.learn-more[data-v-ac8e761b] img{max-width:100%}.learn-more[data-v-ac8e761b] .icon-x-scroll-wrapper{overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.learn-more[data-v-ac8e761b] .icon-x-scroll{display:inline-block}.footer[data-v-44b9728b]{display:flex;align-items:center;justify-content:space-between}.back-off[data-v-44b9728b]{margin-right:1.5em}.how[data-v-44b9728b]{margin-top:1.5em;margin-bottom:2em;padding:0 1em}.how[data-v-44b9728b] .bullet .icon{width:.9em;margin-right:.625em}.how[data-v-44b9728b] .bullet{font-weight:700}.full-screen[data-v-28a7da47]{display:flex;flex-flow:column;height:95vh}.agree[data-v-28a7da47]{flex:0 0 auto;margin:2em 0}.terms[data-v-28a7da47]{overflow-y:scroll;overflow-x:clip;flex:1 1 auto;border-bottom:1px solid var(--tiki-success-color)}.terms[data-v-28a7da47] h1,.terms[data-v-28a7da47] h2,.terms[data-v-28a7da47] h3,.terms[data-v-28a7da47] h4,.terms[data-v-28a7da47] h5,.terms[data-v-28a7da47] h6,.terms[data-v-28a7da47] p,.terms[data-v-28a7da47] a,.terms[data-v-28a7da47] ul,.terms[data-v-28a7da47] ol,.terms[data-v-28a7da47] table{font-family:var(--tiki-font-family);line-height:var(--tiki-line-height);font-size:var(--tiki-font-size);color:var(--tiki-primary-text-color)}.terms[data-v-28a7da47] h1{font-size:var(--tiki-font-size-xl);line-height:var(--tiki-line-height-xl);font-weight:700}.terms[data-v-28a7da47] h2{font-size:var(--tiki-font-size-lg);line-height:var(--tiki-line-height-lg);font-weight:700}.terms[data-v-28a7da47] h3{font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);font-weight:700}.terms[data-v-28a7da47] h4{font-size:var(--tiki-font-size-sm);line-height:var(--tiki-line-height-sm);font-weight:700}.terms[data-v-28a7da47] h5,.terms[data-v-28a7da47] h6{font-size:var(--tiki-font-size-xs);line-height:var(--tiki-line-height-xs);font-weight:700}.terms[data-v-28a7da47] a{color:var(--tiki-success-color)}.terms[data-v-28a7da47] img{max-width:100%}.alert-text{text-align:center;font-family:var(--tiki-font-family);font-size:var(--tiki-font-size);line-height:var(--tiki-line-height);color:var(--tiki-secondary-text-color);margin-bottom:2em}.alert-text-bold{font-weight:700}.alert-text{text-align:center;font-family:var(--tiki-font-family);font-size:var(--tiki-font-size-lg);line-height:var(--tiki-line-height-lg);color:var(--tiki-secondary-text-color);margin-bottom:2em}.error-text{font-family:var(--tiki-font-family);font-size:var(--tiki-font-size-lg);line-height:var(--tiki-line-height-lg);color:var(--tiki-secondary-text-color);margin-bottom:2em}.alert-text-bold{font-weight:700;text-align:center;color:var(--tiki-error-color)}.instruction{margin:.5em 0}.list[data-v-34c41eb9],.list[data-v-f03ca84c]{margin-bottom:2em}.body{padding:1.25em 1em 2.5em;box-sizing:border-box}