fix: change ::v-deep to :deep selector

UCLALibrary · Oct 31, 2023 · cb436ab · cb436ab
1 parent c3ad55c
commit cb436ab
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/src/lib-components/FooterPrimary.vue b/src/lib-components/FooterPrimary.vue
@@ -167,13 +167,13 @@ export default {
     height: 287px;
     transform: rotate(180deg) translateY(50%);
 
-    ::v-deep .svg__fill-bottom,
-    ::v-deep .svg__fill-top {
+    :deep(.svg__fill-bottom),
+    :deep(.svg__fill-top) {
       fill: var(--color-primary-blue-02);
       opacity: 0.25;
     }
 
-    ::v-deep .svg__fill-accent {
+    :deep(.svg__fill-accent) {
       fill: var(--color-primary-blue-02);
       opacity: 0.55;
     }
@@ -212,7 +212,7 @@ export default {
         width: 304px;
         max-width: 100%;
 
-        ::v-deep path {
+        :deep(path) {
           fill: var(--color-white);
         }
       }

diff --git a/src/lib-components/NavPrimary.vue b/src/lib-components/NavPrimary.vue
@@ -282,7 +282,7 @@ function clearActive() {
 
   // Hovers
   &.not-hovered {
-    ::v-deep .nav-menu-item .sub-menu {
+    :deep(.nav-menu-item .sub-menu) {
       opacity: 1;
     }
   }

diff --git a/src/lib-components/NavSecondary.vue b/src/lib-components/NavSecondary.vue
@@ -135,7 +135,7 @@ const accountLink = computed(() => {
     color: var(--color-primary-blue-04);
   }
 
-  ::v-deep .account-button {
+  :deep(.account-button) {
     color: var(--color-white);
     background-color: var(--color-primary-blue-04);
     border-color: var(--color-primary-blue-04);