2020-01-20 22:58:23 +08:00
|
|
|
@import './mixins/mixins.scss';
|
|
|
|
|
|
|
|
@include themes-mixin {
|
2020-02-14 23:01:06 +08:00
|
|
|
@include b(base-tracking-rect) {
|
2020-01-20 22:58:23 +08:00
|
|
|
@include once {
|
|
|
|
position: absolute;
|
|
|
|
left: 0;
|
|
|
|
right: 0;
|
|
|
|
height: 0;
|
|
|
|
}
|
2020-02-14 23:01:06 +08:00
|
|
|
@include e(body) {
|
2020-01-20 22:58:23 +08:00
|
|
|
@include once {
|
|
|
|
position: absolute;
|
|
|
|
right: 0;
|
|
|
|
left: 0;
|
|
|
|
transition: background-color .3s $--n-ease-in-out-cubic-bezier, top .3s $--n-ease-in-out-cubic-bezier!important;
|
2020-02-02 02:06:54 +08:00
|
|
|
&.#{block()}-transition-enter, &.#{block()}-transition-leave-to {
|
2020-01-20 22:58:23 +08:00
|
|
|
opacity: 0;
|
|
|
|
}
|
|
|
|
&.#{block()}-transition-enter-active {
|
2020-02-11 14:44:29 +08:00
|
|
|
transition: background-color .3s $--n-ease-in-out-cubic-bezier, opacity .15s $--n-ease-out-cubic-bezier, top .3s $--n-ease-in-out-cubic-bezier!important;
|
2020-01-20 22:58:23 +08:00
|
|
|
}
|
|
|
|
&.#{block()}-transition-leave-active {
|
2020-02-11 14:44:29 +08:00
|
|
|
transition: background-color .3s $--n-ease-in-out-cubic-bezier, opacity .15s $--n-ease-in-cubic-bezier, top .3s $--n-ease-in-out-cubic-bezier!important;
|
2020-01-20 22:58:23 +08:00
|
|
|
}
|
|
|
|
}
|
|
|
|
background-color: $--base-select-menu-light-bar-background-color;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|