From 9d85b39d7c11f8e2f05d23ac17464342c1500398 Mon Sep 17 00:00:00 2001
From: Bryan <bryan.mauger@safelite.com>
Date: Fri, 5 Nov 2021 14:12:11 -0400
Subject: [PATCH] Created vehicleSelectAttributes.scss and moved style to
 global file.

---
 src/layouts/selectYear/selectYear.vue   | 65 -------------------------
 src/styles/vehicleSelectAttributes.scss | 61 +++++++++++++++++++++++
 vue.config.js                           |  1 +
 vue.release.config.js                   |  1 +
 4 files changed, 63 insertions(+), 65 deletions(-)
 create mode 100644 src/styles/vehicleSelectAttributes.scss

diff --git a/src/layouts/selectYear/selectYear.vue b/src/layouts/selectYear/selectYear.vue
index 68ee90680..63a08e02e 100644
--- a/src/layouts/selectYear/selectYear.vue
+++ b/src/layouts/selectYear/selectYear.vue
@@ -58,68 +58,3 @@ export default {
     },
 };
 </script>
-
-<style lang="scss">
-// SelectCar styles
-.select-car {
-    height: 100vh;
-
-    .select-car-form {
-        background: $white;
-        height: 100%;
-
-        form {
-            height: calc(100% - 230px);
-            overflow-y: scroll;
-            overflow-x: hidden;
-        }
-
-        .car_list, .current_car_info-text, .needed_car_info-text {
-            flex-shrink: 0;
-            width: 100%;
-            position: relative;
-            transition: transform .3s;
-        }
-    }
-
-    .current_car_info {
-        position: relative;
-        min-height: 2.5rem;
-
-        .current_car_info-text {
-            position: absolute;
-        }
-    }
-}
-
-.slide-enter-from {
-    opacity: 0;
-    transform: translateX(30vw);
-}
-.slide-enter-active, .slide-leave-active {
-    transition: all .4s;
-}
-.slide-leave-to {
-    opacity: 0;
-    transform: translateX(-30vw);
-}
-
-.slide_reverse-enter-from {
-    opacity: 0;
-    transform: translateX(-30vw);
-}
-.slide_reverse-enter-active, .slide_reverse-leave-active {
-    transition: all .4s;
-}
-.slide_reverse-leave-to {
-    opacity: 0;
-    transform: translateX(30vw);
-}
-
-.fade-enter-from, .fade-leave-to {
-    opacity: 0;
-}
-.fade-enter-active, .fade-leave-active {
-    transition: all .5s ease;
-}
-</style>
diff --git a/src/styles/vehicleSelectAttributes.scss b/src/styles/vehicleSelectAttributes.scss
new file mode 100644
index 000000000..18f6cd2bc
--- /dev/null
+++ b/src/styles/vehicleSelectAttributes.scss
@@ -0,0 +1,61 @@
+.select-car {
+    height: 100vh;
+
+    .select-car-form {
+        background: $white;
+        height: 100%;
+
+        form {
+            height: calc(100% - 230px);
+            overflow-y: scroll;
+            overflow-x: hidden;
+        }
+
+        .car_list, .current_car_info-text, .needed_car_info-text {
+            flex-shrink: 0;
+            width: 100%;
+            position: relative;
+            transition: transform .3s;
+        }
+    }
+
+    .current_car_info {
+        position: relative;
+        min-height: 2.5rem;
+
+        .current_car_info-text {
+            position: absolute;
+        }
+    }
+}
+
+.slide-enter-from {
+    opacity: 0;
+    transform: translateX(30vw);
+}
+.slide-enter-active, .slide-leave-active {
+    transition: all .4s;
+}
+.slide-leave-to {
+    opacity: 0;
+    transform: translateX(-30vw);
+}
+
+.slide_reverse-enter-from {
+    opacity: 0;
+    transform: translateX(-30vw);
+}
+.slide_reverse-enter-active, .slide_reverse-leave-active {
+    transition: all .4s;
+}
+.slide_reverse-leave-to {
+    opacity: 0;
+    transform: translateX(30vw);
+}
+
+.fade-enter-from, .fade-leave-to {
+    opacity: 0;
+}
+.fade-enter-active, .fade-leave-active {
+    transition: all .5s ease;
+}
diff --git a/vue.config.js b/vue.config.js
index db22841c4..b6039daf8 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -25,6 +25,7 @@ module.exports = {
         @import "@/styles/commonStyles.scss";
         @import "@/styles/commonButtonStyles.scss";
         @import "@/styles/commonTypographyStyles.scss";
+        @import "@/styles/vehicleSelectAttributes.scss";
         `
       }
     }
diff --git a/vue.release.config.js b/vue.release.config.js
index 8ab942282..20b7c29f6 100644
--- a/vue.release.config.js
+++ b/vue.release.config.js
@@ -15,6 +15,7 @@ module.exports = {
         @import "@/styles/commonStyles.scss";
         @import "@/styles/commonButtonStyles.scss";
         @import "@/styles/commonTypographyStyles.scss";
+        @import "@/styles/vehicleSelectAttributes.scss";
         `
       }
     }