UPDATE

packages/styles/common/animate.styl

@@ -0,0 +1,13 @@
+
+.lemonani-spin
+  display inline-block
+  animation lemonani-spin 1s infinite
+@keyframes lemonani-spin{
+  0%{
+    transform rotate(0deg)
+  }
+  100%{
+    transform rotate(360deg)
+  }
+}
+

packages/styles/common/icons.styl

@@ -0,0 +1,42 @@
+@font-face {
+  font-family: 'lemon-icons'; 
+  src: url('//at.alicdn.com/t/font_1312162_neqltsj20an.eot');
+  src: url('//at.alicdn.com/t/font_1312162_neqltsj20an.eot?#iefix') format('embedded-opentype'),
+  url('//at.alicdn.com/t/font_1312162_neqltsj20an.woff2') format('woff2'),
+  url('//at.alicdn.com/t/font_1312162_neqltsj20an.woff') format('woff'),
+  url('//at.alicdn.com/t/font_1312162_neqltsj20an.ttf') format('truetype'),
+  url('//at.alicdn.com/t/font_1312162_neqltsj20an.svg#iconfont') format('svg');
+
+}
+[class^='lemon-icon-'],
+[class*=' lemon-icon-']
+  font-family lemon-icons !important
+  speak none
+  font-style normal
+  font-weight 400
+  font-variant normal
+  text-transform none
+  line-height 1
+  vertical-align baseline
+  display inline-block
+
+.lemon-icon-loading:before
+  content '\e633'
+.lemon-icon-prompt:before
+  content '\e71b'
+.lemon-icon-message:before
+  content '\e84a'
+.lemon-icon-emoji:before
+  content '\e6f6'
+.lemon-icon-attah:before
+  content '\e7e1'
+.lemon-icon-image:before
+  content '\e7de'
+.lemon-icon-folder:before
+  content '\e7d1'
+.lemon-icon-people:before
+  content '\e715'
+.lemon-icon-group:before
+  content '\e6ff'
+.lemon-icon-addressbook:before
+  content '\e6e2'

packages/styles/common/index.scss

@@ -1 +0,0 @@
-@import './normalize';

packages/styles/common/index.styl

@@ -0,0 +1,58 @@
+//@import './normalize';
+@import './animate';
+@import './icons';
+  
+// .lemon-tabs.ant-tabs-small.ant-tabs-card 
+//   .ant-tabs-card-bar 
+//   .ant-tabs-nav-container
+//     height 30px
+//   .ant-tabs-tab
+//     line-height 28px
+//     font-size 12px
+//   .ant-tabs-content
+//     .ant-tabs-tabpane
+//       padding 10px
+    
+
+// .lemon-tabs.ant-tabs-card
+//   background #eee
+//   overflow hidden
+//   >.ant-tabs-content
+//     height 120px
+//     margin-top -16px    
+//     background #f6f6f6
+//     >.ant-tabs-tabpane
+//       background #f6f6f6
+//       padding 16px
+//   >.ant-tabs-bar
+//     border-color #f6f6f6
+//     user-select none
+//     .ant-tabs-tab
+//       border-color transparent
+//       background transparent
+//       border none
+//       border-radius 0
+//       margin 0
+//     .ant-tabs-tab-active
+//       border-color #f6f6f6
+//       background #f6f6f6
+//   .ant-tabs-tab-arrow-show
+//     top -2px
+.lemon-tabs.ant-tabs-card
+  background #eee
+  border-radius 4px
+  overflow hidden
+  .ant-tabs-content
+    background #f6f6f6
+  .ant-tabs-bottom-bar
+    margin-top 0
+    border 0
+  .ant-tabs-card-bar
+    .ant-tabs-tab
+      border-color transparent
+      background transparent
+      border none
+      border-radius 0
+      margin-right 0
+    .ant-tabs-tab-active
+      background #f6f6f6

packages/styles/common/normalize.scss

@@ -1,38 +0,0 @@
-/**
- * 基本样式入口
- */
-
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0;
-}
-
-a {
-  text-decoration: none;
-}
-
-a,
-input,
-button,
-textarea {
-  &:focus {
-    outline: none;
-  }
-}
-
-ol,
-ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-input,
-button,
-textarea {
-  font: inherit;
-  color: inherit;
-}

packages/styles/common/normalize.styl

@@ -0,0 +1,23 @@
+html 
+  -webkit-tap-highlight-color transparent
+body 
+  margin 0
+a 
+  text-decoration none
+a
+input
+button
+textarea 
+  &:focus 
+    outline none
+ol
+ul 
+  margin 0
+  padding 0
+  list-style none
+input
+button
+textarea 
+  font inherit
+  color inherit
+