mirror/naive-ui
2
0
Fork 0
mirror of https://github.com/tusen-ai/naive-ui.git synced 2025-01-30 12:52:43 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add common height transition

Browse Source
This commit is contained in:
07akioni 2019-09-12 11:51:24 +08:00
parent b0843ea7bc
commit bf16430fe4
1 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
styles/theme/default.scss
View File

@ -286,6 +286,17 @@ $scrollbar-color--hover: rgba(255,255,255,0.3);
}
}
@mixin height-seamlessly-expand-transition($block: "height-seamlessly-expand", $duration: .3s, $delay: 0s) {
&.#{$namespace}-#{$block}-leave-active {
overflow: hidden;
transition: max-height $duration $default-cubic-bezier;
}
&.#{$namespace}-#{$block}-enter-active {
overflow: hidden;
transition: max-height $duration $default-cubic-bezier;
}
}
@mixin fade-in-width-expand-transition($block: "fade-in-width-expand", $duration: .2s, $delay: .1s) {
&.#{$namespace}-#{$block}-leave-active {
transition: opacity $duration $default-cubic-bezier, max-width $duration $default-cubic-bezier $delay, margin-right $duration $default-cubic-bezier, margin-left $duration $default-cubic-bezier;