barbican-reset 3.3.0 → 3.5.0

package/animations/confirm.js

@@ -1,7 +1,4 @@
-import gsap from 'gsap'
-import { DrawSVGPlugin } from 'gsap/DrawSVGPlugin'
-
-gsap.registerPlugin(DrawSVGPlugin);
+import gsap from "gsap";
 
 const fadeIn = {
   duration: 0.3,
@@ -16,13 +13,13 @@ const explode = {
 };
 
 const defaults = {
-  duration: 0.6, 
-  ease: "power1.in", 
-  transformOrigin: "center"
-}
+  duration: 0.6,
+  ease: "power1.in",
+  transformOrigin: "center",
+};
 
 export const animateEmail = () => {
-  const query = target => document.querySelector(`.card[email] ${target}`);
+  const query = (target) => document.querySelector(`.card[email] ${target}`);
   const title = query(".card-title");
   const outline = query(".outline");
   const arrow = query(".arrow");
@@ -41,10 +38,10 @@ export const animateEmail = () => {
     .to(clone, explode, "start")
     .set(arrow, { opacity: 1 })
     .from(arrow, { x: -6, ease: "power1.out" });
-}
+};
 
 export const animateDone = () => {
-  const query = target => document.querySelector(`.card[done] ${target}`);
+  const query = (target) => document.querySelector(`.card[done] ${target}`);
   const title = query(".card-title");
   const outline = query(".outline");
   const tick = query(".tick");
@@ -59,4 +56,4 @@ export const animateDone = () => {
     .from(outline, { drawSVG: "0%" }, "start")
     .from(tick, { drawSVG: "0%", duration: 0.3 }, "start+=0.3")
     .to(clone, explode, "start");
-}
+};

package/components/AccountTitle.vue

@@ -38,6 +38,9 @@ export default {
 .placeholder {
   @include title;
   @include placeholder;
-  width: 30%;
+
+  & {
+    width: 30%;
+  }
 }
 </style>

package/components/BrAlert.vue

@@ -17,6 +17,7 @@
   </div>
 </template>
 
+`
 <script>
 import CloseIcon from "#icons/stream/close.vue";
 import BrButton from "#components/BrButton.vue";
@@ -73,3 +74,4 @@ export default {
   },
 };
 </script>
+`

package/components/BrContainer.vue

@@ -77,7 +77,7 @@ export default {
 
   &.masthead {
     box-shadow: 0 0.375rem 0.375rem rgba($black, 0.1);
-    background-color: $br-white;
+    background-color: white;
   }
 }
 

package/components/EventSummary.vue

@@ -85,13 +85,19 @@ export default {
 
 .title {
   @include title;
-  font-size: $h2-font-size;
-  margin-bottom: 0.75rem;
+
+  & {
+    font-size: $h2-font-size;
+    margin-bottom: 0.75rem;
+  }
 }
 
 .date_time {
   @include subtitle;
-  margin-bottom: 0.25rem;
+
+  & {
+    margin-bottom: 0.25rem;
+  }
 }
 
 .venue {