@watone/wt-cli
Version:
watone tools
2 lines (1 loc) • 3.87 kB
CSS
.main[data-v-a5cd412a]{width:100vw}.input-btn[data-v-a5cd412a]{position:fixed;width:100vw;bottom:0;left:0;right:0;padding-bottom:2rem;padding-top:1rem;background-color:#455a64;display:flex}.chat-all[data-v-a5cd412a]{display:flex;flex-direction:column;overflow:hidden;margin-bottom:100px}.chat[data-v-a5cd412a]{position:relative;padding:10px;margin:10px;border:2px solid #ccc;border-radius:5px;word-break:break-all;background-color:#87ceeb;color:#fff}.chat .triangle[data-v-a5cd412a],.chat .triangle_two[data-v-a5cd412a]{position:absolute;top:15px;border-width:10px;border-style:solid}.chat .triangle[data-v-a5cd412a]{left:-20px;border-color:transparent #536976 transparent transparent}.chat .triangle_two[data-v-a5cd412a]{right:-20px;border-color:transparent transparent transparent #a6ffcb}.chat .fill[data-v-a5cd412a],.chat .fill_two[data-v-a5cd412a]{position:absolute;top:15px;border-width:10px;border-style:solid}.chat .fill[data-v-a5cd412a]{left:-16px;border-color:transparent rgb(53,67,73) transparent transparent}.chat .transition[data-v-a5cd412a]:hover{transform:scale(.98)}.card_two[data-v-a5cd412a]{background-image:linear-gradient(135deg,#1fa2ff,#12d8fa,#a6ffcb);transition:all .3s}.card_two[data-v-a5cd412a]:hover{box-shadow:0 0 30px 1px #1c93e94d}.card[data-v-a5cd412a]{background-image:linear-gradient(35deg,#536976,#536976,#292e49);transition:all .3s}.card2[data-v-a5cd412a]{transition:all .2s}.card2[data-v-a5cd412a]:hover{transform:scale(.98)}.card[data-v-a5cd412a]:hover{box-shadow:0 0 30px 1px #00ff754d}.group[data-v-a5cd412a]{position:relative;flex:1}.group .input[data-v-a5cd412a]{font-size:1rem;padding:10px 10px 10px 5px;display:block;width:100%;border:none;color:#fff;border-bottom:1px solid rgba(204,204,204,.3294117647);background:transparent}.group .input[data-v-a5cd412a]:focus{outline:none}.group label[data-v-a5cd412a]{color:#fff;font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.group .input:focus~label[data-v-a5cd412a],.group .input:valid~label[data-v-a5cd412a]{top:-20px;font-size:14px;color:#5264ae}.group .bar[data-v-a5cd412a]{position:relative;display:block}.group .bar[data-v-a5cd412a]:before,.group .bar[data-v-a5cd412a]:after{content:"";height:2px;width:0;bottom:1px;position:absolute;background:#5264AE;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.group .bar[data-v-a5cd412a]:before{left:50%}.group .bar[data-v-a5cd412a]:after{right:50%}.group .input:focus~.bar[data-v-a5cd412a]:before,.group .input:focus~.bar[data-v-a5cd412a]:after{width:50%}.group .highlight[data-v-a5cd412a]{position:absolute;height:60%;top:25%;left:0;pointer-events:none;opacity:.5}.group .input:focus~.highlight[data-v-a5cd412a]{animation:inputHighlighter-a5cd412a .3s ease}@keyframes inputHighlighter-a5cd412a{0%{background:#5264AE}to{width:0;background:transparent}}.cssbuttons-io-button[data-v-a5cd412a]{background:#5264AE;color:#fff;font-family:inherit;padding:.35em 3.3em .35em 1.2em;font-size:17px;font-weight:500;border-radius:.9em;border:none;letter-spacing:.05em;display:flex;align-items:center;box-shadow:inset 0 0 1.6em -.6em #5264ae;overflow:hidden;position:relative;height:2.8em}.cssbuttons-io-button .icon[data-v-a5cd412a]{background:white;margin-left:1em;position:absolute;display:flex;align-items:center;justify-content:center;height:2.2em;width:2.2em;border-radius:.7em;box-shadow:.1em .1em .6em .2em #5264ae;right:.3em;transition:all .3s}.cssbuttons-io-button:hover .icon[data-v-a5cd412a]{width:calc(100% - .6em)}.cssbuttons-io-button .icon svg[data-v-a5cd412a]{width:1.1em;transition:transform .3s;color:#5264ae}.cssbuttons-io-button:hover .icon svg[data-v-a5cd412a]{transform:translate(.1em)}.cssbuttons-io-button:active .icon[data-v-a5cd412a]{transform:scale(.95)}