vue-amazing-ui/es/floatbutton/FloatButton.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.fade-move[data-v-56beddc4],.fade-enter-active[data-v-56beddc4],.fade-leave-active[data-v-56beddc4]{transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-56beddc4],.fade-leave-to[data-v-56beddc4]{transform:scale(.75);opacity:0}.fade-leave-active[data-v-56beddc4]{position:absolute}.move-enter-active[data-v-56beddc4],.move-leave-active[data-v-56beddc4]{transform-origin:0 0;transition:all .3s cubic-bezier(.78,.14,.15,.86)}.move-leave-active[data-v-56beddc4]{pointer-events:none}.move-enter-from[data-v-56beddc4],.move-leave-to[data-v-56beddc4]{transform:translate3d(0,var(--float-btn-height),0);transform-origin:0 0;opacity:0}.float-btn-wrap[data-v-56beddc4]{position:fixed;left:var(--float-btn-left);right:var(--float-btn-right);top:var(--float-btn-top);bottom:var(--float-btn-bottom);z-index:var(--float-btn-z-index);font-size:14px;color:#000000e0;line-height:1.57142857;display:inline-block;width:var(--float-btn-width);height:var(--float-btn-height);cursor:pointer;outline:none;box-shadow:0 6px 16px #00000014,0 3px 6px -4px #0000001f,0 9px 28px 8px #0000000d}.float-btn-wrap .float-btn-tooltip[data-v-56beddc4]{width:100%;height:100%}.float-btn-wrap .float-btn-tooltip[data-v-56beddc4] .tooltip-card-container{cursor:auto}.float-btn-wrap .float-btn-tooltip[data-v-56beddc4] .tooltip-content{width:100%;height:100%}.float-btn-wrap .float-btn-tooltip[data-v-56beddc4] .tooltip-content .badge-wrap{vertical-align:top;width:100%;height:100%}.float-btn-wrap .float-btn-tooltip[data-v-56beddc4] .tooltip-content .badge-wrap .badge-value:not(.only-dot){transform:translate(0);transform-origin:center;top:-6px;right:-6px}.float-btn-wrap .float-btn-body[data-v-56beddc4]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:all .2s}.float-btn-wrap .float-btn-body .float-btn-content[data-v-56beddc4]{overflow:hidden;text-align:center;min-height:var(--float-btn-height);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2px 4px}.float-btn-wrap .float-btn-body .float-btn-content .float-btn-icon[data-v-56beddc4]{font-size:18px;line-height:1}.float-btn-wrap .float-btn-body .float-btn-content .float-btn-icon .close-svg[data-v-56beddc4]{display:inline-block;vertical-align:bottom}.float-btn-wrap .float-btn-body .float-btn-content .float-btn-icon[data-v-56beddc4] svg{fill:currentColor}.float-btn-wrap .float-btn-body .float-btn-content .float-btn-icon[data-v-56beddc4] img{vertical-align:bottom}.float-btn-wrap .float-btn-menu[data-v-56beddc4]{position:absolute;bottom:100%;display:block;z-index:-1}.float-btn-wrap .float-btn-menu .float-btn-wrap[data-v-56beddc4]{position:static}.float-btn-wrap .float-btn-menu[data-v-56beddc4]>*{margin-bottom:16px}.float-btn-default[data-v-56beddc4]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-56beddc4]{background-color:#fff;transition:background-color .2s}.float-btn-default>.float-btn-tooltip .float-btn-body[data-v-56beddc4]:hover{background-color:#0000000f}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-56beddc4]{color:#000000e0}.float-btn-default>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-description[data-v-56beddc4]{display:flex;align-items:center;line-height:16px;color:#000000e0;font-size:12px}.float-btn-primary[data-v-56beddc4]{background-color:var(--float-btn-primary-color)}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-56beddc4]{background-color:var(--float-btn-primary-color);transition:background-color .2s}.float-btn-primary>.float-btn-tooltip .float-btn-body[data-v-56beddc4]:hover{background-color:var(--float-btn-primary-color-hover)}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-content .float-btn-icon[data-v-56beddc4]{color:#fff}.float-btn-primary>.float-btn-tooltip .float-btn-body .float-btn-description[data-v-56beddc4]{display:flex;align-items:center;line-height:16px;color:#fff;font-size:12px}.float-btn-circle[data-v-56beddc4]{border-radius:50%}.float-btn-circle[data-v-56beddc4] .badge-wrap .only-dot{top:5.85786438px;right:5.85786438px}.float-btn-circle>.float-btn-tooltip .float-btn-body[data-v-56beddc4]{border-radius:50%}.float-btn-square[data-v-56beddc4]{height:auto;min-height:var(--float-btn-height);border-radius:8px}.float-btn-square[data-v-56beddc4] .badge-wrap .only-dot{top:2.34314575px;right:2.34314575px}.float-btn-square>.float-btn-tooltip .float-btn-body[data-v-56beddc4]{height:auto;border-radius:8px}