Removed css alias

src/App.vue

@@ -222,11 +222,11 @@ export default {
 
 <style lang="scss" rel="stylesheet/scss">
     @import url(https://fonts.googleapis.com/css?family=Fira+Sans:700|Roboto:400,400italic,700);
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 </style>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     #app {
         background-color: $color-gray;

src/components/CopyrightFooter/CopyrightFooter.vue

@@ -62,7 +62,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 footer {
     bottom: 0;

src/components/GameBoard/GameBoardPlaceholder.vue

@@ -46,7 +46,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .gameboard-placeholder {
         user-select: none;

src/components/GameBoard/List.vue

@@ -180,7 +180,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .list {
         flex-shrink: 0;

src/components/GameBoard/ListNameEdit.vue

@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .list-name {
         cursor: pointer;

src/components/GameBoard/ListSettings.vue

@@ -189,7 +189,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .list-settings {
         margin-top: $list-header-height;

src/components/GameBoard/Onboard.vue

@@ -17,7 +17,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .onboard {
         flex-shrink: 0;

src/components/GameCard/GameCard.vue

@@ -192,7 +192,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     $gameCoverWidth: 80px;
 

src/components/GameDetail/AffiliateLink.vue

@@ -46,7 +46,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .amazon {
     display: grid;

src/components/GameDetail/GameDetailPlaceholder.vue

@@ -35,7 +35,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .game-detail-placeholder {
     display: flex;

src/components/GameDetail/GameHeader.vue

@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .game-header {
         display: flex;

src/components/GameDetail/GameLinks.vue

@@ -55,7 +55,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
     .links {
         display: flex;
         flex-direction: column;

src/components/GameDetail/GameRating.vue

@@ -32,7 +32,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .game-rating {
     color: $color-orange;

src/components/GameDetail/GameReviewBox.vue

@@ -61,7 +61,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .review-box {
     text-align: left;

src/components/GameDetail/GameScreenshots.vue

@@ -78,7 +78,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .game-screenshots {
         padding: $gp / 2 $gp;

src/components/GameDetail/GameVideos.vue

@@ -47,7 +47,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .game-videos {
         text-align: center;

src/components/GameSearch/GameSearch.vue

@@ -158,7 +158,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .game-search {
         background: $color-light-gray;

src/components/IgdbCredit/IgdbCredit.vue

@@ -29,7 +29,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .igdb-credit {
         color: $color-igdb-green;

src/components/Lists/ListActions.vue

@@ -203,7 +203,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .list-actions {
         padding-right: $gp;

src/components/Modal/Modal.vue

@@ -97,7 +97,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .modal {
     color: $color-dark-gray;

src/components/NavHeader/NavHeader.vue

@@ -67,7 +67,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
     nav {
         user-select: none;
         width: 100vw;

src/components/Panel/Panel.vue

@@ -10,7 +10,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .panel {
     padding: $gp / 2;

src/components/Placeholder/Placeholder.vue

@@ -32,7 +32,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .placeholder {
         max-width: 100%;

src/components/Releases/Releases.vue

@@ -55,7 +55,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .release {
         margin-bottom: $gp;

src/components/Releases/ReleasesPlaceholder.vue

@@ -28,7 +28,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .release {
         border-bottom: 1px solid $color-light-gray;

src/components/Settings/Settings.vue

@@ -182,7 +182,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .settings {
         color: $color-dark-gray;

src/components/ShareList/ShareList.vue

@@ -63,7 +63,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .links {
         text-align: center;

src/components/Tags/Tags.vue

@@ -168,7 +168,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     h4 {
         margin: $gp 0 $gp / 2;

src/components/Toast/Toast.vue

@@ -72,7 +72,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .toast {
     display: flex;

src/components/ToggleSwitch/ToggleSwitch.vue

@@ -41,7 +41,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-@import "~styles/styles.scss";
+@import "src/styles/styles.scss";
 
 .toggle-switch {
     display: inline-flex;

src/pages/GameBoard/GameBoard.vue

@@ -239,7 +239,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .draggable * {
         color: $color-white;

src/pages/GameDetail/GameDetail.vue

@@ -115,7 +115,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .game-detail {
         display: flex;

src/pages/Platforms/Platforms.vue

@@ -145,7 +145,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     .platforms-page {
         padding: 0 $gp $gp;

src/pages/ShareList/ShareList.vue

@@ -109,7 +109,7 @@ export default {
 </script>
 
 <style lang="scss" rel="stylesheet/scss" scoped>
-    @import "~styles/styles.scss";
+    @import "src/styles/styles.scss";
 
     main {
         align-items: flex-start;