[Client] fix scss import

fittrackee_client/src/components/User/PasswordReset/PasswordActionDone.vue

@@ -30,7 +30,7 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/vars.scss';
 
   #password-action-done {
     display: flex;

fittrackee_client/src/components/User/PasswordReset/PasswordResetForm.vue

@@ -26,8 +26,6 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
-
   #password-reset-request {
     ::v-deep(.card) {
       .card-content {

fittrackee_client/src/components/User/ProfileDisplay/UserHeader.vue

@@ -48,7 +48,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   .user-header {
     display: flex;

fittrackee_client/src/components/User/ProfileDisplay/UserInfos.vue

@@ -86,7 +86,6 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
   #user-infos {
     .user-bio {
       white-space: pre-wrap;

fittrackee_client/src/components/User/ProfileDisplay/index.vue

@@ -26,7 +26,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #user-profile {
     margin: auto;

fittrackee_client/src/components/User/ProfileEdition/TimezoneDropdown.vue

@@ -80,7 +80,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #tz-dropdown {
     display: flex;

fittrackee_client/src/components/User/ProfileEdition/UserInfosEdition.vue

@@ -169,7 +169,7 @@
 </script>
 
 <style lang="scss">
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   .form-buttons {
     flex-direction: row;

fittrackee_client/src/components/User/ProfileEdition/UserPictureEdition.vue

@@ -79,7 +79,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   #user-picture-edition {
     .user-picture-form {

fittrackee_client/src/components/User/UserAuthForm.vue

@@ -202,7 +202,8 @@
 </script>
 
 <style scoped lang="scss">
-  @import '~@/scss/base';
+  @import '~@/scss/colors.scss';
+  @import '~@/scss/vars.scss';
 
   #user-auth-form {
     display: flex;

fittrackee_client/src/components/User/UserPicture.vue

@@ -31,8 +31,6 @@
 </script>
 
 <style lang="scss">
-  @import '~@/scss/base.scss';
-
   .user-picture {
     display: flex;
     justify-content: center;

fittrackee_client/src/components/User/UserProfileTabs.vue

@@ -50,7 +50,7 @@
 </script>
 
 <style lang="scss">
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
 
   .profile-tabs {
     margin: $default-margin 0 $default-margin;

fittrackee_client/src/components/User/UserSportPreferences.vue

@@ -246,7 +246,7 @@
 </script>
 
 <style lang="scss" scoped>
-  @import '~@/scss/base.scss';
+  @import '~@/scss/vars.scss';
   #user-sport-preferences {
     .sport-img {
       height: 35px;