feat(base-divider): initializing component

components/BaseDivider.vue

@@ -3,7 +3,10 @@
      ************************************************************************* -->
 
 <template lang="pug">
+.c-base-divider
+  span.c-base-divider__category {{ category }}
 
+  hr.c-base-divider__line
 </template>
 
 <!-- *************************************************************************
@@ -11,11 +14,38 @@
      ************************************************************************* -->
 
 <script>
-export default {};
+export default {
+  props: {
+    category: {
+      name: String,
+      required: true
+    }
+  }
+};
 </script>
 
 <!-- *************************************************************************
      STYLE
      ************************************************************************* -->
 
-<style lang="scss"></style>
+<style lang="scss">
+$c: ".c-base-divider";
+
+#{$c} {
+  display: flex;
+  align-items: center;
+
+  #{$c}__category {
+    font-size: 18px;
+    color: #ffffff;
+    text-transform: uppercase;
+    font-weight: bold;
+    margin-right: 40px;
+  }
+
+  #{$c}__line {
+    flex: 1;
+    color: #313d4f;
+  }
+}
+</style>

components/TheCopyright.vue

@@ -28,7 +28,7 @@ $c: ".c-the-copyright";
   display: flex;
   align-items: center;
   justify-content: center;
-  padding: 5px 5px 5px 15px;
+  padding: 5px 5px 5px 10px;
   border-top: 1px solid #313d4f;
   border-left: 1px solid #313d4f;
   border-top-left-radius: 4px;