extract .nav-list

src/assets/scss/app.scss

@@ -6,7 +6,6 @@
 
 @import 'base/bootstrap-overrides';
 @import 'classes/misc';
-@import 'classes/nav-list';
 
 @import 'fonts/noto-sans';
 @import 'fonts/redaction';

src/assets/scss/classes/_nav-list.scss

@@ -1,21 +0,0 @@
-.nav-list {
-  font-family: $font-family-base;
-
-  ul {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 26px;
-    padding: 0;
-    margin: 0;
-  }
-
-  li {
-    list-style: none;
-    line-height: 0;
-
-    &:not(:last-child) {
-      margin-right: 20px;
-    }
-  }
-}

src/components/nodes/NodeViewChildList.vue

@@ -1,5 +1,5 @@
 <template>
-  <nav class="node-view-child-list nav-list" :class="{ 'smartphone': smartphone }">
+  <nav class="node-view-child-list" :class="{ 'smartphone': smartphone }">
     <ul>
       <li
         v-for="child in children" :key="child.id"
@@ -52,8 +52,19 @@ export default {
 
 <style lang="scss" scoped>
 .node-view-child-list {
+  ul {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 26px;
+    padding: 0;
+    margin: 0;
+    list-style: none;
+  }
+
   &-item {
     margin-right: 20px;
+    line-height: 0;
   }
 
   &.smartphone {