add tabs code

1 files changed, 36 insertions, 0 deletions

diff --git a/dist/spectre.css b/dist/spectre.css
index 3d2944d..c902411 100644
--- a/dist/spectre.css
+++ b/dist/spectre.css
@@ -1194,6 +1194,42 @@ textarea.form-input {
   padding: 0 .4rem;
   color: #c5c5c5;
 }
+.tab {
+  display: inline-block;
+  list-style: none;
+  margin: .5rem 0;
+  border-bottom: 0.1rem solid #c5c5c5;
+}
+.tab::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.tab::after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.tab li {
+  float: left;
+  margin-bottom: -0.1rem;
+}
+.tab li a {
+  display: block;
+  padding: .5rem 1.5rem;
+  border-bottom: .1rem solid transparent;
+  color: #333;
+  text-decoration: none;
+}
+.tab li a:hover {
+  color: #5764C6;
+  border-bottom-color: #5764C6;
+}
+.tab li a.active,
+.tab li a:active {
+  color: #3b49af;
+  border-bottom-color: #3b49af;
+}
 .tooltip {
   position: relative;
 }