add some styling

2021-01-29 14:59:05 +01:00
parent c2309a63a7
commit caa105b992
9 changed files with 157 additions and 19 deletions
--- a/docs/src/components/AppSection/index.vue
+++ b/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>
--- a/docs/src/components/AppSection/style.scss
+++ b/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;
+    // }
+  }
+}