added scroll to top button
This commit is contained in:
parent
e9ae1cbe2f
commit
630fc0e625
4 changed files with 58 additions and 4 deletions
|
@ -1613,6 +1613,32 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
|||
|
||||
// Collection Page
|
||||
.collection-page {
|
||||
padding-bottom: 128px;
|
||||
.top-fab {
|
||||
height: 52px;
|
||||
width: 52px;
|
||||
position: fixed;
|
||||
bottom: 32px;
|
||||
right: 32px;
|
||||
border-radius: 100%;
|
||||
background: rgb(86 86 86 / 50%);
|
||||
border: 0px;
|
||||
appearance: none;
|
||||
backdrop-filter: blur(16px) saturate(180%);
|
||||
|
||||
>svg {
|
||||
height: 50%;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background: rgb(186 186 186 / 50%);
|
||||
}
|
||||
|
||||
&:active {
|
||||
background: var(--keyColor);
|
||||
}
|
||||
}
|
||||
.header-text {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
@ -2239,6 +2265,17 @@ input[type="range"].web-slider.display--small::-webkit-slider-thumb {
|
|||
opacity: 0;
|
||||
}
|
||||
|
||||
.fabfade-enter-active,
|
||||
.fabfade-leave-active {
|
||||
transition: transform .1s var(--appleEase), opacity .1s var(--appleEase);
|
||||
}
|
||||
|
||||
.fabfade-enter,
|
||||
.fabfade-leave-to {
|
||||
opacity: 0;
|
||||
transform: scale(0.5);
|
||||
}
|
||||
|
||||
/* Transitions End */
|
||||
|
||||
@media (prefers-color-scheme: light) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue