From 74f9a9541888262d7ab8b55ee236a4e07cc6dd18 Mon Sep 17 00:00:00 2001
From: Boyuzhou <386607913@qq.com>
Date: Tue, 10 Jan 2017 16:39:10 +0800
Subject: [PATCH] add tabs scss

---
 package.json               |  2 +-
 scss/minxin-variables.scss | 60 ++++++++++++++++++++++++++++++++++++++
 2 files changed, 61 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 566ec61..7a7aa61 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "tinper-bee-core",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "style core and js util for tinper-bee",
   "main": "lib/index.js",
   "engines": {
diff --git a/scss/minxin-variables.scss b/scss/minxin-variables.scss
index 2dfb04a..4d1a2c9 100644
--- a/scss/minxin-variables.scss
+++ b/scss/minxin-variables.scss
@@ -1368,3 +1368,63 @@ $switch-success-bg: $brand-success;
 $switch-warning-bg: $brand-warning;
 $switch-danger-bg: $brand-danger;
 $switch-info-bg: $brand-info;
+
+//tabs
+
+$tabs-basic-back: #f5f5f5;
+$tabs-cls-color: #666;
+$tabs-cls-width: 900px;
+$tabs-simple-conHeight: 120px;
+$tabs-simple-conPad: 16px;
+$tabs-simple-conWidth: 100%;
+
+$tabs-fontSize: (simple:14px, fill:14px, turn:14px, slide:14px, fade:14px, fadeup:14px);
+$tabs-lineHeight: (simple:2.3, fill:2.3, turn:2.3, slide:2.3, fade:2.3, fadeup:2.3);
+$tabs-marginBottom: -1px;
+
+$tabs-simple-tab: (padding:0 16px, margin:5px 0 5px 5px, radius:0 0 0 0, back:#fff);
+$tabs-simple-tabBorder: 1px solid #fff;
+$tabs-simple-activeBorder: 1px solid $brand-primary;
+$tabs-simple-activeColor: #fff;
+$tabs-simple-activeBorBottom: 1px solid $brand-primary;
+$tabs-simple-activeTopRadius: 5px;
+$tabs-simple-fontWeight: bold;
+
+$tabs-fill-tab: (padding: 0 16px, color:#666, back:#fff, afterBack:#d2d8d6, activeBack:$brand-primary);
+$tabs-fill-tab-maright: 5px;
+$tabs-fill-after-top: 0;
+$tabs-fill-after-left: 0;
+$tabs-fill-after-width: 100%;
+$tabs-fill-after-height: 100%;
+$tabs-fill-fontWeight: bold;
+
+$tabs-turn-tab: (padding: 0 16px, color:#fff, back:#f5f5f5, afterBack:$brand-primary, activeBack:$brand-primary);
+$tabs-turn-after-top: 0;
+$tabs-turn-after-left: 0;
+$tabs-turn-after-width: 100%;
+$tabs-turn-after-height: 100%;
+$tabs-turn-beforeBot: 32px;
+$tabs-turn-beforeRight: 15px;
+$tabs-turn-fontWeight: bold;
+$tabs-moveleft-conHeight: 120px;
+$tabs-moveleft-conPad: 16px;
+
+$tabs-slide-tabs: (width:25%, padding: 0 16px, back:#f5f5f5);
+$tabs-slide-child-bottom: 0;
+$tabs-slide-child-left: 0;
+$tabs-slide-child-height: 4px;
+$tabs-slide-child-back: $brand-primary;
+$tabs-slide-fontWeight: bold;
+
+$tabs-fade-tab: (marLeft:5px, marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);
+$tabs-fade-conPad: 16px;
+$tabs-fade-conBor: 5px;
+
+$tabs-fadeup-tab: (marTop:5px, color:#666, padding:0 16px, radius:0 0 0 0);
+$tabs-fadeup-top: -5px;
+$tabs-fadeup-left: 0;
+$tabs-fadeup-width: 100%;
+$tabs-fadeup-height: 100%;
+$tabs-fadeup-color: #666;
+$tabs-fadeup-conHeight: 120px;
+$tabs-fadeup-conPad: 16px;