103 lines
2.6 KiB
CSS
103 lines
2.6 KiB
CSS
/* stylelint-disable no-descending-specificity */
|
|
#toTop {
|
|
background-color: var(--totop_background);
|
|
border-radius: 4px 4px 0 0;
|
|
bottom: 0;
|
|
height: 35px;
|
|
position: fixed;
|
|
text-align: center;
|
|
width: 48px;
|
|
opacity: 0;
|
|
z-index: 100000;
|
|
transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
|
|
line-height: 1;
|
|
pointer-events: none;
|
|
}
|
|
.to-top-container #toTop:hover {
|
|
background-color: var(--totop_background_hover);
|
|
}
|
|
#toTop:before {
|
|
line-height: 35px;
|
|
content: "\f106";
|
|
-webkit-font-smoothing: antialiased;
|
|
font-family: "awb-icons";
|
|
font-size: 22px;
|
|
color: var(--totop_icon_color);
|
|
}
|
|
#toTop:hover::before {
|
|
color: var(--totop_icon_hover);
|
|
}
|
|
#toTop:active,
|
|
#toTop:focus {
|
|
outline: none;
|
|
background-color: var(--totop_background);
|
|
}
|
|
#toTop.fusion-to-top-active {
|
|
pointer-events: auto;
|
|
opacity: 0.9;
|
|
transition: opacity 0.4s ease-in-out, background 0.2s ease-in-out;
|
|
}
|
|
.to-top-container #toTop {
|
|
border-radius: var(--totop_border_radius) var(--totop_border_radius) 0 0;
|
|
}
|
|
.to-top-floating #toTop {
|
|
bottom: 30px;
|
|
height: 44px;
|
|
width: 44px;
|
|
border-radius: var(--totop_border_radius) var(--totop_border_radius) var(--totop_border_radius) var(--totop_border_radius);
|
|
}
|
|
.to-top-floating #toTop:before {
|
|
line-height: 42px;
|
|
}
|
|
.to-top-right #toTop {
|
|
right: 75px;
|
|
}
|
|
.to-top-left #toTop {
|
|
left: 75px;
|
|
}
|
|
.awb-to-top-progress {
|
|
display: none;
|
|
}
|
|
.awb-to-top-scroll-progress #toTop {
|
|
display: flex;
|
|
justify-content: center;
|
|
background: none;
|
|
}
|
|
.awb-to-top-scroll-progress #toTop:before {
|
|
z-index: 1;
|
|
}
|
|
.awb-to-top-scroll-progress #toTop:hover,
|
|
.awb-to-top-scroll-progress #toTop:active,
|
|
.awb-to-top-scroll-progress #toTop:focus {
|
|
background: none;
|
|
}
|
|
.awb-to-top-scroll-progress .awb-to-top-progress {
|
|
display: block;
|
|
position: absolute;
|
|
top: -2.2px;
|
|
left: -2.2px;
|
|
}
|
|
.awb-to-top-scroll-progress .awb-to-top-progress rect {
|
|
stroke-width: 4;
|
|
fill: transparent;
|
|
transition: fill 0.2s ease-in-out, stroke 0.2s ease-in-out;
|
|
rx: var(--totop_border_radius);
|
|
ry: var(--totop_border_radius);
|
|
}
|
|
.awb-to-top-scroll-progress .awb-to-top-progress .awb-scale {
|
|
fill: var(--totop_background);
|
|
}
|
|
.awb-to-top-scroll-progress .awb-to-top-progress .awb-progress {
|
|
stroke-dasharray: 166;
|
|
stroke-dashoffset: 166;
|
|
stroke: var(--totop_background_hover);
|
|
}
|
|
.awb-to-top-scroll-progress:hover .awb-to-top-progress .awb-scale {
|
|
stroke: var(--totop_background_hover) !important;
|
|
fill: var(--totop_background_hover);
|
|
}
|
|
.awb-to-top-scroll-progress:active .awb-to-top-progress .awb-scale,
|
|
.awb-to-top-scroll-progress:focus .awb-to-top-progress .awb-scale {
|
|
fill: var(--totop_background);
|
|
}
|