add some styling

docs/src/components/AppSection/index.vue

@@ -0,0 +1,9 @@
+<template>
+  <section class="app-section">
+    <div class="app-section__inner">
+      <slot />
+    </div>
+  </section>
+</template>
+
+<style lang="scss" src="./style.scss"></style>

docs/src/components/AppSection/style.scss

@@ -0,0 +1,15 @@
+.app-section {
+  position: relative;
+
+  &__inner {
+    position: relative;
+    z-index: 2;
+    padding: 4rem 1rem;
+    margin: 0 auto;
+    max-width: 50rem;
+
+    // @media (min-width: $mobileBreakPoint) {
+    //   padding: 0 2rem;
+    // }
+  }
+}

docs/src/components/Demo/style.scss

@@ -63,12 +63,12 @@
     width: 100%;
     padding: 0.5rem 1.25rem;
     font-size: 0.85rem;
-    border: 1px solid rgba($colorWhite, 0.1);
+    border-top: 1px solid rgba($colorWhite, 0.1);
     border-bottom-left-radius: inherit;
     border-bottom-right-radius: inherit;
-    border-top-width: 0;
     background-color: $colorBlack;
     white-space: nowrap;
+    color: rgba($colorWhite, 0.5);
   }
 
   &__name {
@@ -84,6 +84,10 @@
 
   &__link {
     margin-left: auto;
+
+    &:hover {
+      color: $colorWhite;
+    }
   }
 
   &__error {