Merge pull request #139 from picturepan2/feature/new-doc-page

Feature/new doc page

1 files changed, 54 insertions, 0 deletions

diff --git a/src/tabs.less b/src/tabs.less
new file mode 100644
index 0000000..ea38709
--- /dev/null
+++ b/src/tabs.less
@@ -0,0 +1,54 @@
+// Tabs
+.tab {
+  align-items: center;
+  border-bottom: .1rem solid @core-border-color;
+  display: flex;
+  flex-wrap: wrap;
+
+  .tab-item {
+    margin-top: 0;
+
+    &.tab-action {
+      flex: 1 0 auto;
+      text-align: right;
+    }
+
+    a {
+      border-bottom: .2rem solid transparent;
+      color: @body-font-color;
+      display: block;
+      margin-bottom: -.1rem;
+      margin-top: 0;
+      padding: .6rem .8rem;
+      text-decoration: none;
+      &:focus,
+      &:hover {
+        color: @core-link-color;
+      }
+      &.badge {
+        padding-right: 0;
+      }
+    }
+    &.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);
+        }
+      }
+    }
+  }
+}