naive-ui/styles/BackTop.scss
2020-02-11 14:44:29 +08:00

36 lines
960 B
SCSS

@import './mixins/mixins.scss';
@include themes-mixin {
@include b(back-top) {
@include fade-in-scale-up-transition(back-top);
@include once {
position: fixed;
right: 40px;
bottom: 40px;
min-width: 40px;
height: 40px;
cursor: pointer;
}
@include e(default-button) {
@include once {
transition: box-shadow .3s $--n-ease-in-out-cubic-bezier, fill .3s $--n-ease-in-out-cubic-bezier;
border-radius: 20px;
height: 40px;
width: 40px;
svg {
pointer-events: none;
}
}
fill: $--back-top-button-fill;
box-shadow: map-get($--back-top-box-shadow, 'default');
&:hover {
box-shadow: map-get($--back-top-box-shadow, 'hover');
fill: $--back-top-button-fill-hover;
}
&:active {
box-shadow: map-get($--back-top-box-shadow, 'active');
fill: $--back-top-button-fill-active;
}
}
}
}