Import missing variables for fade transition

The "fade" class for transitions is defined in the "variables" asset, so
it needs to be imported wherever the transition is used.

Signed-off-by: Daniel Calviño Sánchez <danxuliu@gmail.com>

4 files changed, 7 insertions, 0 deletions

diff --git a/src/components/AdminSettings/SignalingServers.vue b/src/components/AdminSettings/SignalingServers.vue
index 77c88c05e..7a97a0326 100644
--- a/src/components/AdminSettings/SignalingServers.vue
+++ b/src/components/AdminSettings/SignalingServers.vue
@@ -182,6 +182,8 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '../../assets/variables';
+
 .signaling-warning label {
 	margin: 0;
 }
diff --git a/src/components/AdminSettings/StunServers.vue b/src/components/AdminSettings/StunServers.vue
index f583dacb4..4eb0a59a4 100644
--- a/src/components/AdminSettings/StunServers.vue
+++ b/src/components/AdminSettings/StunServers.vue
@@ -151,6 +151,8 @@ export default {
 </script>
 
 <style lang="scss">
+@import '../../assets/variables';
+
 .stun-server {
 	h2 {
 		height: 44px;
diff --git a/src/components/AdminSettings/TurnServers.vue b/src/components/AdminSettings/TurnServers.vue
index bcf9f5539..6e6294d5d 100644
--- a/src/components/AdminSettings/TurnServers.vue
+++ b/src/components/AdminSettings/TurnServers.vue
@@ -168,6 +168,8 @@ export default {
 </script>
 
 <style lang="scss">
+@import '../../assets/variables';
+
 .turn-server {
 	h2 {
 		height: 44px;
diff --git a/src/views/MainView.vue b/src/views/MainView.vue
index 18f4c8380..aad48cab3 100644
--- a/src/views/MainView.vue
+++ b/src/views/MainView.vue
@@ -70,6 +70,7 @@ export default {
 </script>
 
 <style lang="scss" scoped>
+@import '../assets/variables';
 
 .main-view {
 	height: 100%;