30 lines
711 B
SCSS
30 lines
711 B
SCSS
.grow-enter-active,
|
|
.grow-leave-active {
|
|
transition-timing-function: ease-out;
|
|
transition: opacity 0.3s, border-radius 0.5s, transform 0.5s;
|
|
}
|
|
.grow-enter,
|
|
.grow-leave-to {
|
|
transform: translateX(var(--v-mic-button-initial-translate)) scaleX(var(--v-mic-button-initial-scale));
|
|
opacity: 0;
|
|
border-radius: 25px !important;
|
|
}
|
|
|
|
.fade-enter-active,
|
|
.fade-leave-active {
|
|
transition: opacity 0.5s;
|
|
}
|
|
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
|
|
opacity: 0;
|
|
}
|
|
.voice-recorder-btn {
|
|
padding: 30px;
|
|
background-color: $voice-recorder-color;
|
|
|
|
&.recording {
|
|
background-color: $voice-recording-color;
|
|
}
|
|
&.recorded {
|
|
background-color: $voice-recorded-color;
|
|
}
|
|
}
|