CHG: Split navigation.less

5 files changed, 141 insertions, 139 deletions

diff --git a/src/breadcrumbs.less b/src/breadcrumbs.less
new file mode 100644
index 0000000..dc68e13
--- /dev/null
+++ b/src/breadcrumbs.less
@@ -0,0 +1,27 @@
+// Breadcrumbs
+.breadcrumb {
+  padding: 1.2rem;
+
+  .breadcrumb-item {
+    display: inline-block;
+    margin: 0;
+
+    a {
+      border: none;
+      text-decoration: none;
+    }
+    &:last-child {
+      &,
+      a {
+        color: lighten(@body-font-color, 30%);
+      }
+    }
+    &:not(:last-child) {
+      &::after {
+        color: @control-color;
+        content: "/";
+        padding: 0 .4rem;
+      }
+    }
+  }
+}
diff --git a/src/navigation.less b/src/navigation.less
index d4a815a..2115811 100644
--- a/src/navigation.less
+++ b/src/navigation.less
@@ -6,143 +6,8 @@
   list-style: none;
   margin: .5rem 0;
 }
-// Breadcrumbs
-.breadcrumb {
-  padding: 1.2rem;
 
-  .breadcrumb-item {
-    display: inline-block;
-    margin: 0;
-
-    a {
-      border: none;
-      text-decoration: none;
-    }
-    &:last-child {
-      &,
-      a {
-        color: lighten(@body-font-color, 30%);
-      }
-    }
-    &:not(:last-child) {
-      &::after {
-        color: @control-color;
-        content: "/";
-        padding: 0 .4rem;
-      }
-    }
-  }
-}
-
-// Tabs
-.tab {
-  border-bottom: .1rem solid @core-border-color;
-  display: flex;
-  flex-wrap: wrap;
-
-  .tab-item {
-    margin-top: 0;
-
-    a {
-      border-bottom: .2rem solid transparent;
-      color: @body-font-color;
-      display: block;
-      margin-bottom: -.1rem;
-      margin-top: 0;
-      padding: .8rem 1rem;
-      text-decoration: none;
-      &:focus,
-      &:hover {
-        color: @core-link-color;
-      }
-    }
-    &.active a,
-    a.active {
-      border-bottom-color: @core-color;
-      color: @core-link-color;
-    }
-  }
-
-  &.tab-block {
-    .tab-item {
-      flex: 1 0 auto;
-      text-align: center;
-
-      .badge {
-        &[data-badge]::after {
-          position: absolute;
-          right: -1.4rem;
-          top: 1rem;
-          transform: translate(-50%, -1rem);
-        }
-      }
-    }
-  }
-}
-
-// Pagination
-.pagination {
-  .page-item {
-    display: inline-block;
-
-    span {
-      display: inline-block;
-      padding: .6rem;
-    }
-
-    a {
-      border-radius: @border-radius;
-      color: lighten(@body-font-color, 20%);
-      padding: .6rem .8rem;
-      text-decoration: none;
-      &:focus,
-      &:hover {
-        color: @core-color;
-      }
-    }
-
-    &.active {
-      a {
-        background: @core-color;
-        color: @core-light-color;
-      }
-    }
-  }
-}
-
-// Nav
-.nav {
-  display: flex;
-  flex-direction: column;
-  
-  .nav-item {
-    a {
-      color: lighten(@body-font-color, 20%);
-      padding: .6rem .8rem;
-      text-decoration: none;
-      &:focus,
-      &:hover {
-        color: @core-color;
-      }
-    }
-    &.active {
-      & > a {
-        color: @body-font-color;
-        font-weight: bold;
-        &:focus,
-        &:hover {
-          color: @core-color;
-        }
-      }
-    }
-  }
-
-  & .nav {
-    margin-bottom: 1rem;
-    margin-left: 2rem;
-
-    a {
-      color: lighten(@body-font-color, 30%);
-    }
-  }
-}
+@import 'src/breadcrumbs.less';
+@import 'src/tabs.less';
+@import 'src/pagination.less';
+@import 'src/navs.less';
diff --git a/src/navs.less b/src/navs.less
new file mode 100644
index 0000000..6f3d099
--- /dev/null
+++ b/src/navs.less
@@ -0,0 +1,36 @@
+// Navs
+.nav {
+  display: flex;
+  flex-direction: column;
+
+  .nav-item {
+    a {
+      color: lighten(@body-font-color, 20%);
+      padding: .6rem .8rem;
+      text-decoration: none;
+      &:focus,
+      &:hover {
+        color: @core-color;
+      }
+    }
+    &.active {
+      & > a {
+        color: @body-font-color;
+        font-weight: bold;
+        &:focus,
+        &:hover {
+          color: @core-color;
+        }
+      }
+    }
+  }
+
+  & .nav {
+    margin-bottom: 1rem;
+    margin-left: 2rem;
+
+    a {
+      color: lighten(@body-font-color, 30%);
+    }
+  }
+}
diff --git a/src/pagination.less b/src/pagination.less
new file mode 100644
index 0000000..3a21a82
--- /dev/null
+++ b/src/pagination.less
@@ -0,0 +1,29 @@
+// Pagination
+.pagination {
+  .page-item {
+    display: inline-block;
+
+    span {
+      display: inline-block;
+      padding: .6rem;
+    }
+
+    a {
+      border-radius: @border-radius;
+      color: lighten(@body-font-color, 20%);
+      padding: .6rem .8rem;
+      text-decoration: none;
+      &:focus,
+      &:hover {
+        color: @core-color;
+      }
+    }
+
+    &.active {
+      a {
+        background: @core-color;
+        color: @core-light-color;
+      }
+    }
+  }
+}
diff --git a/src/tabs.less b/src/tabs.less
new file mode 100644
index 0000000..ea005bb
--- /dev/null
+++ b/src/tabs.less
@@ -0,0 +1,45 @@
+// Tabs
+.tab {
+  border-bottom: .1rem solid @core-border-color;
+  display: flex;
+  flex-wrap: wrap;
+
+  .tab-item {
+    margin-top: 0;
+
+    a {
+      border-bottom: .2rem solid transparent;
+      color: @body-font-color;
+      display: block;
+      margin-bottom: -.1rem;
+      margin-top: 0;
+      padding: .8rem 1rem;
+      text-decoration: none;
+      &:focus,
+      &:hover {
+        color: @core-link-color;
+      }
+    }
+    &.active a,
+    a.active {
+      border-bottom-color: @core-color;
+      color: @core-link-color;
+    }
+  }
+
+  &.tab-block {
+    .tab-item {
+      flex: 1 0 auto;
+      text-align: center;
+
+      .badge {
+        &[data-badge]::after {
+          position: absolute;
+          right: -1.4rem;
+          top: 1rem;
+          transform: translate(-50%, -1rem);
+        }
+      }
+    }
+  }
+}