Merge branch 'master' into update-vote-modal

Author: usrbinsam

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+    "trailingComma":"none",
+    "tabWidth": 2,
+    "semi": true,
+    "singleQuote": false
+}

src/components/QuizScroll.vue

@@ -1,19 +1,77 @@
 <template>
   <div class="quiz-scroll" ref="scroll">
-    <div class="scroll-graphic"></div>
     <div class="scroll-head">
       <div class="scroll-title">
         <slot name="title"></slot>
       </div>
     </div>
+    <div class="divider" />
     <div class="scroll-body" ref="body">
       <slot name="default"></slot>
     </div>
   </div>
 </template>
 
 <script>
+// TODO: rename this file at some point, since it's no longer a scroll
 export default {
   name: "quizScroll"
 };
 </script>
+
+<style lang="scss" scoped>
+.quiz-scroll {
+  width: 550px;
+  display: flex;
+  margin: 30px 0;
+  padding: 10px 0;
+  flex-direction: column;
+  border: 8px solid #c2cfe1;
+  background: url("/images/module-background.png");
+  background-size: cover;
+
+  .divider {
+    height: 5px;
+    width: 100%;
+    background-color: #c2cfe1;
+  }
+
+  .scroll-head {
+    .scroll-title {
+      text-align: center;
+      margin-top: 10px;
+      font-size: 50px;
+      top: 42px;
+      color: white;
+      font-family: "buWicked";
+    }
+  }
+
+  .scroll-body {
+    text-align: center;
+    margin-top: 30px;
+    padding: 0 40px;
+    font-size: 22px;
+
+    .asset {
+      text-align: center;
+      margin-bottom: 35px;
+    }
+
+    .scroll-content {
+      width: 420px;
+      font-size: 24px;
+      color: #031e41 !important;
+      font-family: "Barrow2Light";
+      letter-spacing: 2px;
+      text-align: left;
+      white-space: pre-wrap;
+
+      pre {
+        font-size: 18px;
+        white-space: pre-wrap;
+      }
+    }
+  }
+}
+</style>

src/styles/quiz-scroll.scss

@@ -1,7 +1,6 @@
 .cwhq-app {
   @import './colors.scss';
   @import './application.scss';
-  @import './quiz-scroll.scss';
   @import './quiz-answer.scss';
   @import './quiz-need-help.scss';
   @import './quiz-bar-rank.scss';