feat: add class to position component

alexandrdrvn · alexandrdrvn · commit 5b54c0d1d315 · 2020-06-26T13:02:04.000+03:00
diff --git a/lib/components/organisms/position/position.scss b/lib/components/organisms/position/position.scss
@@ -0,0 +1,5 @@
+.vf-o-position {
+  &__module {
+    margin-bottom: 15px;
+  }
+}
diff --git a/lib/components/organisms/position/position.vue b/lib/components/organisms/position/position.vue
@@ -1,13 +1,13 @@
 <template>
-  <div>
+  <div class="vf-o-position">
     <slot v-if="modules.length === 0"></slot>
     <div
       v-else
       v-for="(value, index) in modules"
       :key="index"
       :is="value.component"
       v-bind="value.props"
-      class="mb-3"
+      class="vf-o-position__module"
     ></div>
   </div>
 </template>
diff --git a/lib/index.js b/lib/index.js
@@ -29,7 +29,8 @@ const MainConfig = {
     oFooter: 'vuefront/lib/components/organisms/footer/footer.scss',
     oHeader: 'vuefront/lib/components/organisms/header/header.scss',
     oHeaderMobile: 'vuefront/lib/components/organisms/header-mobile/header-mobile.scss',
-    oSidebar: 'vuefront/lib/components/organisms/sidebar/sidebar.scss'
+    oSidebar: 'vuefront/lib/components/organisms/sidebar/sidebar.scss',
+    oPosition: 'vuefront/lib/components/organisms/position/position.scss'
   },
   menu: [],
   image: {
diff --git a/src/components/organisms/position/position.scss b/src/components/organisms/position/position.scss
@@ -0,0 +1,5 @@
+.vf-o-position {
+  &__module {
+    margin-bottom: 15px;
+  }
+}
diff --git a/src/components/organisms/position/position.vue b/src/components/organisms/position/position.vue
@@ -1,13 +1,13 @@
 <template>
-  <div>
+  <div class="vf-o-position">
     <slot v-if="modules.length === 0"></slot>
     <div
       v-else
       v-for="(value, index) in modules"
       :key="index"
       :is="value.component"
       v-bind="value.props"
-      class="mb-3"
+      class="vf-o-position__module"
     ></div>
   </div>
 </template>
diff --git a/src/index.js b/src/index.js
@@ -30,7 +30,8 @@ const MainConfig = {
       oFooter: 'vuefront/lib/components/organisms/footer/footer.scss',
       oHeader: 'vuefront/lib/components/organisms/header/header.scss',
       oHeaderMobile: 'vuefront/lib/components/organisms/header-mobile/header-mobile.scss',
-      oSidebar: 'vuefront/lib/components/organisms/sidebar/sidebar.scss'
+      oSidebar: 'vuefront/lib/components/organisms/sidebar/sidebar.scss',
+      oPosition: 'vuefront/lib/components/organisms/position/position.scss'
     },
     menu: [],
     image: {
diff --git a/yarn.lock b/yarn.lock
