From 66b1874a02e4c0a9085be41ca203ba0b12b10f92 Mon Sep 17 00:00:00 2001
From: Raymonzut <40148684+Raymonzut@users.noreply.github.com>
Date: Fri, 27 Mar 2020 20:29:20 +0000
Subject: [PATCH] Add qa component: makes block of question and answer
 component

---
 src/components/qa.vue | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100755 src/components/qa.vue

diff --git a/src/components/qa.vue b/src/components/qa.vue
new file mode 100755
index 0000000..57d8f5b
--- /dev/null
+++ b/src/components/qa.vue
@@ -0,0 +1,32 @@
+<template>
+  <div id='qa'>
+    <question :q='q'/>
+    <answer :a='a'/>
+  </div>
+</template>
+
+<script>
+import question from './question.vue'
+import answer from './answer.vue'
+
+export default {
+  name: 'qa',
+  components: {
+    question,
+    answer,
+  },
+  props: {
+    q: String,
+    a: String
+  }
+}
+</script>
+
+<style scoped>
+#qa{
+  --block-spacing: 7.5em;
+
+  margin-top: var(--block-spacing);
+  margin-bottom: var(--block-spacing);
+}
+</style>