vue-amazing-ui/lib/backtop/BackTop.css

An Amazing Vue3 UI Components Library, Using TypeScript.

.zoom-enter-active[data-v-70c99b40],.zoom-leave-active[data-v-70c99b40]{transition:all .3s cubic-bezier(.4,0,.2,1)}.zoom-enter-from[data-v-70c99b40],.zoom-leave-to[data-v-70c99b40]{opacity:0;transform:scale(.5)}.back-top[data-v-70c99b40]{position:fixed;z-index:var(--backtop-z-index)}.back-top .backtop-wrap[data-v-70c99b40]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:var(--backtop-height);min-width:var(--backtop-width);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-top .backtop-wrap .backtop-icon[data-v-70c99b40]{display:inline-flex;font-size:var(--backtop-icon-size)}.back-top .backtop-wrap .backtop-icon[data-v-70c99b40] svg{pointer-events:none;fill:currentColor;transition:color .3s cubic-bezier(.4,0,.2,1)}.back-top .backtop-wrap .icon-with-description[data-v-70c99b40]{font-size:var(--backtop-icon-with-desc-size)}.back-top .backtop-wrap .backtop-description[data-v-70c99b40]{display:flex;align-items:center;font-size:var(--backtop-desc-font-size);font-weight:500;line-height:1.2;pointer-events:none;transition:color .3s cubic-bezier(.4,0,.2,1)}.back-top .backtop-default[data-v-70c99b40]{color:var(--backtop-default-color);background-color:var(--backtop-default-bg-color);box-shadow:0 2px 8px 0 var(--backtop-default-shadow-color)}.back-top .backtop-default .backtop-icon[data-v-70c99b40],.back-top .backtop-default .backtop-description[data-v-70c99b40]{color:var(--backtop-default-color)}.back-top .backtop-default[data-v-70c99b40]:hover{color:var(--backtop-default-color-hover);background-color:var(--backtop-default-bg-color-hover);box-shadow:0 2px 8px 3px var(--backtop-default-shadow-color-hover)}.back-top .backtop-default:hover .backtop-icon[data-v-70c99b40],.back-top .backtop-default:hover .backtop-description[data-v-70c99b40]{color:var(--backtop-default-color-hover)}.back-top .backtop-primary[data-v-70c99b40]{color:var(--backtop-primary-color);background-color:var(--backtop-primary-bg-color);box-shadow:0 2px 8px 0 var(--backtop-primary-shadow-color)}.back-top .backtop-primary .backtop-icon[data-v-70c99b40],.back-top .backtop-primary .backtop-description[data-v-70c99b40]{color:var(--backtop-primary-color)}.back-top .backtop-primary[data-v-70c99b40]:hover{color:var(--backtop-primary-color-hover);background-color:var(--backtop-primary-bg-color-hover);box-shadow:0 2px 8px 3px var(--backtop-primary-shadow-color-hover)}.back-top .backtop-primary:hover .backtop-icon[data-v-70c99b40],.back-top .backtop-primary:hover .backtop-description[data-v-70c99b40]{color:var(--backtop-primary-color-hover)}.back-top .backtop-circle[data-v-70c99b40]{border-radius:var(--backtop-circle-border-radius)}.back-top .backtop-square[data-v-70c99b40]{border-radius:var(--backtop-square-border-radius)}