CHG: Split navigation.less

1 files changed, 4 insertions, 139 deletions

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';