weui-rails 0.4.4 → 1.0.1

data/vendor/assets/stylesheets/base/variable/_weui-button.scss

@@ -0,0 +1,37 @@
+$weuiBtnHeight:46px !default;
+$weuiBtnFontSize:18px !default;
+$weuiBtnFontColor:#FFFFFF !default;
+$weuiBtnActiveFontColor:rgba(255,255,255,.6) !default;
+$weuiBtnDisabledFontColor:rgba(255,255,255,.6) !default;
+$weuiBtnBorderRadius:5px !default;
+$weuiBtnDefaultGap:15px !default;
+
+$weuiBtnMiniFontSize:13px !default;
+$weuiBtnMiniHeight:2.3 !default;
+
+$weuiBtnDefaultFontColor:#000000 !default;
+$weuiBtnDefaultActiveFontColor:rgba(0,0,0,.6) !default;
+$weuiBtnDefaultDisabledFontColor:rgba(0,0,0,.3) !default;
+
+$weuiBtnDefaultBg:#F8F8F8 !default;
+$weuiBtnDefaultActiveBg:#DEDEDE !default;
+$weuiBtnDefaultDisabledBg:#F7F7F7 !default;
+
+$weuiBtnPrimaryBg:#1AAD19 !default;
+$weuiBtnPrimaryActiveBg:#179B16 !default;
+$weuiBtnPrimaryDisabledBg:#9ED99D !default;
+
+$weuiBtnWarnBg:#E64340 !default;
+$weuiBtnWarnActiveBg:#CE3C39 !default;
+$weuiBtnwarnDisabledBg:#EC8B89 !default;
+
+
+$weuiBtnPlainPrimaryColor:rgba(26,173,25,1) !default;
+$weuiBtnPlainPrimaryBorderColor:rgba(26,173,25,1) !default;
+$weuiBtnPlainPrimaryActiveColor:rgba(26,173,25,.6) !default;
+$weuiBtnPlainPrimaryActiveBorderColor:rgba(26,173,25,.6) !default;
+
+$weuiBtnPlainDefaultColor:rgba(53,53,53,1) !default;
+$weuiBtnPlainDefaultBorderColor:rgba(53,53,53,1) !default;
+$weuiBtnPlainDefaultActiveColor:rgba(53,53,53,.6) !default;
+$weuiBtnPlainDefaultActiveBorderColor:rgba(53,53,53,.6) !default;

data/vendor/assets/stylesheets/base/variable/{_weui_cell.scss → _weui-cell.scss}

@@ -3,12 +3,20 @@ $weuiCellBorderColor:#D9D9D9 !default;
 $weuiCellGapV:10px !default;
 $weuiCellGapH:15px !default;
 $weuiCellInnerGapH:.35em !default;
-$weuiCellLabelWidth:105px !default;
-
-
 $weuiCellHeight: 44px !default;
 $weuiCellFontSize:17px !default;
 $weuiCellTipsFontSize:14px !default;
+$weuiCellLabelWidth:105px !default;
 
 $weuiCellLineHeight: ($weuiCellHeight - 2 * $weuiCellGapV) / $weuiCellFontSize !default; // 高度为44px，减去上下padding的行高
 $weuiCellsMarginTop: 20 / ($weuiCellFontSize / ($weuiCellFontSize * 0 + 1)) + em !default;
+
+// weui switch
+$weuiSwitchHeight: 32px !default;
+
+// weui uploader
+$weuiUploaderBorderColor:#D9D9D9 !default;
+$weuiUploaderActiveBorderColor:#999999 !default;
+$weuiUploaderFileSpacing: 9px !default;
+$weuiUploaderSize: 79px !default;
+$weuiUploaderBorderWidth: 1px !default;

data/vendor/assets/stylesheets/base/variable/_weui-dialog.scss

@@ -0,0 +1,5 @@
+$weuiDialogBackgroundColor: #FFFFFF !default;
+$weuiDialogLineColor: #D5D5D6 !default;
+$weuiDialogLinkColor: #3CC51F !default;
+$weuiDialogLinkActiveBc: #EEEEEE !default;
+$weuiDialogGapWidth: 1.6em !default;

data/vendor/assets/stylesheets/icon/weui-font.scss

@@ -0,0 +1,56 @@
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "weui";
+  src: url('data:application/octet-stream;base64,AAEAAAALAIAAAwAwR1NVQrD+s+0AAAE4AAAAQk9TLzJAKEx+AAABfAAAAFZjbWFw65cFHQAAAhwAAAJQZ2x5ZvCRR/EAAASUAAAKtGhlYWQLKIN9AAAA4AAAADZoaGVhCCwD+gAAALwAAAAkaG10eEJo//8AAAHUAAAASGxvY2EYqhW6AAAEbAAAACZtYXhwASEAVQAAARgAAAAgbmFtZeNcHtgAAA9IAAAB5nBvc3T6bLhLAAARMAAAAOYAAQAAA+gAAABaA+j/////A+kAAQAAAAAAAAAAAAAAAAAAABIAAQAAAAEAACkCj3dfDzz1AAsD6AAAAADUER9XAAAAANQRH1f//wAAA+kD6gAAAAgAAgAAAAAAAAABAAAAEgBJAAUAAAAAAAIAAAAKAAoAAAD/AAAAAAAAAAEAAAAKAB4ALAABREZMVAAIAAQAAAAAAAAAAQAAAAFsaWdhAAgAAAABAAAAAQAEAAQAAAABAAgAAQAGAAAAAQAAAAAAAQOwAZAABQAIAnoCvAAAAIwCegK8AAAB4AAxAQIAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZABA6gHqEQPoAAAAWgPqAAAAAAABAAAAAAAAAAAAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+gAAAPoAAAD6AAAA+j//wPoAAAD6AAAAAAABQAAAAMAAAAsAAAABAAAAXQAAQAAAAAAbgADAAEAAAAsAAMACgAAAXQABABCAAAABAAEAAEAAOoR//8AAOoB//8AAAABAAQAAAABAAIAAwAEAAUABgAHAAgACQAKAAsADAANAA4ADwAQABEAAAEGAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAwAAAAAANwAAAAAAAAAEQAA6gEAAOoBAAAAAQAA6gIAAOoCAAAAAgAA6gMAAOoDAAAAAwAA6gQAAOoEAAAABAAA6gUAAOoFAAAABQAA6gYAAOoGAAAABgAA6gcAAOoHAAAABwAA6ggAAOoIAAAACAAA6gkAAOoJAAAACQAA6goAAOoKAAAACgAA6gsAAOoLAAAACwAA6gwAAOoMAAAADAAA6g0AAOoNAAAADQAA6g4AAOoOAAAADgAA6g8AAOoPAAAADwAA6hAAAOoQAAAAEAAA6hEAAOoRAAAAEQAAAAAARgCMANIBJgF4AcQCMgJgAqgC/ANIA6YD/gROBKAE9AVaAAAAAgAAAAADrwOtABQAKQAAASIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAfV4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NlteA608O2Rn8GdjOzw8O2Nn8GdkOzz8rzc1W17bXlw1Nzc1XF7bXls1NwAAAAACAAAAAAOzA7MAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTBwYiLwEmNjsBETQ2OwEyFhURMzIWAe52Z2Q7PT07ZGd2fGpmOz4+O2ZpIXYOKA52Dg0XXQsHJgcLXRcNA7M+O2ZqfHZnZDs9PTtkZ3Z9aWY7Pv3wmhISmhIaARcICwsI/ukaAAMAAAAAA+UD5QAXACMALAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAxQrASI1AzQ7ATIHJyImNDYyFhQGAe6Ecm9BRERBb3KEiXZxQkREQnF1aQIxAwgCQgMBIxIZGSQZGQPkREJxdomEcm9BRERBb3KEinVxQkT9HQICAWICAjEZIxkZIxkAAAAAAwAAAAADsQPkABsAKgAzAAABBgcGBwYHBjcRFBcWFxYXNjc2NzY1ESQXJicmBzMyFhUDFAYrASInAzQ2EyImNDYyFhQGAfVBQTg7LDt/IEc+bF5sbF1tPUj+2KhQQVVvNAQGDAMCJgUBCwYeDxYWHhUVA+QPEg4SDhIpCv6tj3VkST4dHT5JZHWPAVNeNRkSGPwGBP7GAgMFAToEBv5AFR8VFR8VAAAAAgAAAAADsQPkABkALgAAAQYHBgc2BREUFxYXFhc2NzY3NjURJBcmJyYTAQYvASY/ATYyHwEWNjclNjIfARYB9VVVQk+v/tFHPmxebGxdbT1I/tGvT0JVo/7VBASKAwMSAQUBcQEFAgESAgUBEQQD4xMYEhk3YP6sjnVlSD8cHD9IZXWOAVRgNxkSGP62/tkDA48EBBkCAVYCAQHlAQIQBAAAAAACAAAAAAPkA+QAFwAtAAABIgcGBwYVFBcWFxYzMjc2NzY1NCcmJyYTAQYiLwEmPwE2Mh8BFjI3ATYyHwEWAe6Ecm9BQ0NCbnODiXVxQkREQnF1kf6gAQUBowMDFgEFAYUCBQEBQwIFARUEA+NEQnF1iYNzbkJDQ0FvcoSJdXFCRP6j/qUBAagEBR4CAWYBAQENAgIVBAAAAAQAAAAAA68DrQAUACkAPwBDAAABIgcGBwYUFxYXFjI3Njc2NCcmJyYDIicmJyY0NzY3NjIXFhcWFAcGBwYTBQ4BLwEmBg8BBhYfARYyNwE+ASYiFzAfAQH1eGdkOzw8O2Rn8GZkOzw8O2RmeG5eWzY3NzZbXtteWzY3NzZbXmn+9gYSBmAGDwUDBQEGfQUQBgElBQELEBUBAQOtPDtkZ/BnYzs8PDtjZ/BnZDs8/K83NVte215cNTc3NVxe215bNTcCJt0FAQVJBQIGBAcRBoAGBQEhBQ8LBAEBAAABAAAAAAO7AzoAFwAAEy4BPwE+AR8BFjY3ATYWFycWFAcBBiInPQoGBwUHGgzLDCELAh0LHwsNCgr9uQoeCgGzCyEOCw0HCZMJAQoBvgkCCg0LHQv9sQsKAAAAAAIAAAAAA+UD5gAXACwAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMHBi8BJicmNRM0NjsBMhYVExceAQHvhHJvQUNDQm5zg4l1cUJEREJxdVcQAwT6AwIEEAMCKwIDDsUCAQPlREJxdYmDc25CQ0NBb3KEiXVxQkT9VhwEAncCAgMGAXoCAwMC/q2FAgQAAAQAAAAAA68DrQADABgALQAzAAABMB8BAyIHBgcGFBcWFxYyNzY3NjQnJicmAyInJicmNDc2NzYyFxYXFhQHBgcGAyMVMzUjAuUBAfJ4Z2Q7PDw7ZGfwZmQ7PDw7ZGZ4bl5bNjc3Nlte215bNjc3NltemyT92QKDAQEBLDw7ZGfwZ2M7PDw7Y2fwZ2Q7PPyvNzVbXtteXDU3NzVcXtteWzU3AjH9JAAAAAMAAAAAA+QD5AAXACcAMAAAASIHBgcGFRQXFhcWMzI3Njc2NTQnJicmAzMyFhUDFAYrASImNQM0NhMiJjQ2MhYUBgHuhHJvQUNDQm5zg4l1cUJEREJxdZ42BAYMAwInAwMMBh8PFhYeFhYD40RCcXWJg3NuQkNDQW9yhIl1cUJE/vYGBf7AAgMDAgFABQb+NhYfFhYfFgAABAAAAAADwAPAAAgAEgAoAD0AAAEyNjQmIgYUFhcjFTMRIxUzNSMDIgcGBwYVFBYXFjMyNzY3NjU0Jy4BAyInJicmNDc2NzYyFxYXFhQHBgcGAfQYISEwISFRjzk5yTorhG5rPT99am+DdmhlPD4+PMyFbV5bNTc3NVte2l5bNTc3NVteAqAiLyIiLyI5Hf7EHBwCsT89a26Ed8w8Pj48ZWh2g29qffyjNzVbXtpeWzU3NzVbXtpeWzU3AAADAAAAAAOoA6gACwAgADUAAAEHJwcXBxc3FzcnNwMiBwYHBhQXFhcWMjc2NzY0JyYnJgMiJyYnJjQ3Njc2MhcWFxYUBwYHBgKOmpocmpocmpocmpq2dmZiOjs7OmJm7GZiOjs7OmJmdmtdWTQ2NjRZXdZdWTQ2NjRZXQKqmpocmpocmpocmpoBGTs6YmbsZmI6Ozs6YmbsZmI6O/zCNjRZXdZdWTQ2NjRZXdZdWTQ2AAMAAAAAA+kD6gAaAC8AMAAAAQYHBiMiJyYnJjQ3Njc2MhcWFxYVFAcGBwEHATI3Njc2NCcmJyYiBwYHBhQXFhcWMwKONUBCR21dWjU3NzVaXdpdWzU2GBcrASM5/eBXS0grKysrSEuuSkkqLCwqSUpXASMrFxg2NVtd2l1aNTc3NVpdbUdCQDX+3jkBGSsrSEuuSkkqLCwqSUquS0grKwAC//8AAAPoA+gAFAAwAAABIgcGBwYQFxYXFiA3Njc2ECcmJyYTFg4BIi8BBwYuATQ/AScmPgEWHwE3Nh4BBg8BAfSIdHFDRERDcXQBEHRxQ0REQ3F0SQoBFBsKoqgKGxMKqKIKARQbCqKoChsUAQqoA+hEQ3F0/vB0cUNERENxdAEQdHFDRP1jChsTCqiiCgEUGwqiqAobFAEKqKIKARQbCqIAAAIAAAAAA+QD5AAXADQAAAEiBwYHBhUUFxYXFjMyNzY3NjU0JyYnJhMUBiMFFxYUDwEGLwEuAT8BNh8BFhQPAQUyFh0BAe6Ecm9BQ0NCbnODiXVxQkREQnF1fwQC/pGDAQEVAwTsAgEC7AQEFAIBhAFwAgMD40RCcXWJg3NuQkNDQW9yhIl1cUJE/fYCAwuVAgQCFAQE0AIFAtEEBBQCBQGVCwMDJwAAAAUAAAAAA9QD0wAjACcANwBHAEgAAAERFAYjISImNREjIiY9ATQ2MyE1NDYzITIWHQEhMhYdARQGIyERIREHIgYVERQWOwEyNjURNCYjISIGFREUFjsBMjY1ETQmKwEDeyYb/XYbJkMJDQ0JAQYZEgEvExkBBgkNDQn9CQJc0QkNDQktCQ0NCf7sCQ0NCS0JDQ0JLQMi/TQbJiYbAswMCiwJDS4SGRkSLg0JLAoM/UwCtGsNCf5NCQ0NCQGzCQ0NCf5NCQ0NCQGzCQ0AAAAAEADGAAEAAAAAAAEABAAAAAEAAAAAAAIABwAEAAEAAAAAAAMABAALAAEAAAAAAAQABAAPAAEAAAAAAAUACwATAAEAAAAAAAYABAAeAAEAAAAAAAoAKwAiAAEAAAAAAAsAEwBNAAMAAQQJAAEACABgAAMAAQQJAAIADgBoAAMAAQQJAAMACAB2AAMAAQQJAAQACAB+AAMAAQQJAAUAFgCGAAMAAQQJAAYACACcAAMAAQQJAAoAVgCkAAMAAQQJAAsAJgD6d2V1aVJlZ3VsYXJ3ZXVpd2V1aVZlcnNpb24gMS4wd2V1aUdlbmVyYXRlZCBieSBzdmcydHRmIGZyb20gRm9udGVsbG8gcHJvamVjdC5odHRwOi8vZm9udGVsbG8uY29tAHcAZQB1AGkAUgBlAGcAdQBsAGEAcgB3AGUAdQBpAHcAZQB1AGkAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQB1AGkARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgBoAHQAdABwADoALwAvAGYAbwBuAHQAZQBsAGwAbwAuAGMAbwBtAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAASAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETAAZjaXJjbGUIZG93bmxvYWQEaW5mbwxzYWZlX3N1Y2Nlc3MJc2FmZV93YXJuB3N1Y2Nlc3MOc3VjY2Vzcy1jaXJjbGURc3VjY2Vzcy1uby1jaXJjbGUHd2FpdGluZw53YWl0aW5nLWNpcmNsZQR3YXJuC2luZm8tY2lyY2xlBmNhbmNlbAZzZWFyY2gFY2xlYXIEYmFjawZkZWxldGUAAAAA') format('truetype');
+}
+
+[class^="weui-icon-"]:before, [class*=" weui-icon-"]:before {
+  font-family: "weui";
+  font-style: normal;
+  font-weight: normal;
+  speak: none;
+
+  display: inline-block;
+  vertical-align:middle;
+  text-decoration: inherit;
+  width: 1em;
+  margin-right: .2em;
+  text-align: center;
+  /* opacity: .8; */
+
+  /* For safety - reset parent styles, that can break glyph codes*/
+  font-variant: normal;
+  text-transform: none;
+
+  /* fix buttons height, for twitter bootstrap */
+  line-height: 1em;
+
+  /* Animation center compensation - margins should be symmetric */
+  /* remove if not needed */
+  margin-left: .2em;
+
+  /* you can be more comfortable with increased icons size */
+  /* font-size: 120%; */
+
+  /* Uncomment for 3D effect */
+  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
+}
+
+.weui-icon-circle:before { content: "\EA01" } /* '' */
+.weui-icon-download:before { content: "\EA02" } /* '' */
+.weui-icon-info:before { content: "\EA03" } /* '' */
+.weui-icon-safe_success:before { content: "\EA04" } /* '' */
+.weui-icon-safe_warn:before { content: "\EA05" } /* '' */
+.weui-icon-success:before { content: "\EA06" } /* '' */
+.weui-icon-success-circle:before { content: "\EA07" } /* '' */
+.weui-icon-success-no-circle:before { content: "\EA08" } /* '' */
+.weui-icon-waiting:before { content: "\EA09" } /* '' */
+.weui-icon-waiting-circle:before { content: "\EA0A" } /* '' */
+.weui-icon-warn:before { content: "\EA0B" } /* '' */
+.weui-icon-info-circle:before { content: "\EA0C" } /* '' */
+.weui-icon-cancel:before { content: "\EA0D" } /* '' */
+.weui-icon-search:before { content: "\EA0E" } /* '' */
+.weui-icon-clear:before { content: "\EA0F" } /* '' */
+.weui-icon-back:before { content: "\EA10" } /* '' */
+.weui-icon-delete:before { content: "\EA11" } /* '' */

data/vendor/assets/stylesheets/icon/weui-icon_font.scss

@@ -0,0 +1,94 @@
+@import "weui-font";
+
+[class^="weui-icon_"]:before, [class*=" weui-icon_"]:before {
+    margin: 0;
+}
+
+.weui-icon-success:before {
+    font-size: 23px;
+    color: #09BB07;
+}
+.weui-icon-waiting:before {
+    font-size: 23px;
+    color: #10AEFF;
+}
+.weui-icon-warn:before {
+    font-size: 23px;
+    color: #F43530;
+}
+.weui-icon-info:before {
+    font-size: 23px;
+    color: #10AEFF;
+}
+
+.weui-icon-success-circle:before {
+    font-size: 23px;
+    color: #09BB07;
+}
+.weui-icon-success-no-circle:before {
+    font-size: 23px;
+    color: #09BB07;
+}
+.weui-icon-waiting-circle:before {
+    font-size: 23px;
+    color: #10AEFF;
+}
+.weui-icon-circle:before {
+    font-size: 23px;
+    color: #C9C9C9;
+}
+.weui-icon-download:before {
+    font-size: 23px;
+    color: #09BB07;
+}
+
+.weui-icon-info-circle:before {
+    font-size: 23px;
+    color: #09BB07;
+}
+
+.weui-icon-safe-success:before {
+    color: #09BB07;
+}
+.weui-icon-safe-warn:before {
+    color: #FFBE00;
+}
+
+.weui-icon-cancel:before {
+    color: #F43530;
+    font-size: 22px;
+}
+
+.weui-icon-search:before {
+    color: #B2B2B2;
+    font-size: 14px;
+}
+
+.weui-icon-clear:before {
+    color: #B2B2B2;
+    font-size: 14px;
+}
+
+.weui-icon-delete:before {
+    .weui-icon_gallery-delete & {
+        color:#FFFFFF;
+        font-size:22px;
+    }
+}
+
+.weui-icon_msg:before {
+    font-size: 93px;
+    .weui-icon-warn & {
+        color: #F76260;
+    }
+}
+.weui-icon_msg-primary:before {
+    font-size: 93px;
+    .weui-icon-warn & {
+        color: #C9C9C9;
+    }
+}
+
+.weui-icon_safe:before {
+    font-size: 95px;
+}

data/vendor/assets/stylesheets/widget/weui-agree/weui-agree.scss

@@ -0,0 +1,59 @@
+@import "../../base/fn";
+
+.#{$weui_ns}agree{
+    display: block;
+    padding: .5em 15px;
+    font-size :13px;
+
+    a{
+        color: $weuiLinkColorDefault;
+    }
+}
+.#{$weui_ns}agree__text{
+    color: $weuiTextColorGray;
+}
+.#{$weui_ns}agree__checkbox{
+    appearance: none;
+    outline: 0;
+    font-size: 0;
+
+    border: 1px solid #D1D1D1;
+    background-color: #FFFFFF;
+    border-radius: 3px;
+    width: 13px;
+    height: 13px;
+    position: relative;
+
+    vertical-align: 0;
+    top: 2px;
+
+    &:checked{
+        &:before{
+            font-family: "weui";
+            font-style: normal;
+            font-weight: normal;
+            font-variant: normal;
+            text-transform: none;
+            text-align: center;
+            speak: none;
+            display: inline-block;
+            vertical-align: middle;
+            text-decoration: inherit;
+            content: "\EA08";
+            color: #09BB07;
+            font-size: 13px;
+
+            position: absolute;
+            top: 50%;
+            left: 50%;
+            transform: translate(-50%,-48%) scale(.73);
+            -webkit-transform: translate(-50%,-48%) scale(.73);
+        }
+    }
+    &:disabled{
+        background-color:#E1E1E1;
+        &:before{
+            color:#ADADAD;
+        }
+    }
+}

data/vendor/assets/stylesheets/widget/weui-animate/weui-animate.scss

@@ -0,0 +1,54 @@
+@import "../../base/fn";
+
+@keyframes slideUp {
+    from {
+        transform: translate3d(0, 100%, 0);
+    }
+    to {
+        transform: translate3d(0, 0, 0);
+    }
+}
+
+.#{$weui_ns}animate-slide-up {
+    animation: slideUp .3s forwards;
+}
+
+@keyframes slideDown {
+    from {
+        transform: translate3d(0, 0, 0);
+    }
+
+    to {
+        transform: translate3d(0, 100%, 0);
+    }
+}
+
+.#{$weui_ns}animate-slide-down {
+    animation: slideDown .3s forwards;
+}
+
+@keyframes fadeIn {
+    from {
+        opacity: 0;
+    }
+    to {
+        opacity: 1;
+    }
+}
+
+.#{$weui_ns}animate-fade-in {
+    animation: fadeIn .3s forwards;
+}
+
+@keyframes fadeOut {
+    from {
+        opacity: 1;
+    }
+    to {
+        opacity: 0;
+    }
+}
+
+.#{$weui_ns}animate-fade-out {
+    animation: fadeOut .3s forwards;
+}

data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_default.scss → weui-button/weui-btn_default.scss}

@@ -1,8 +1,8 @@
 @import "../../base/fn";
 
 .#{$weui_ns}btn_default {
-    background-color: $weuiBtnDefaultBg;
     color: $weuiBtnDefaultFontColor;
+    background-color: $weuiBtnDefaultBg;
     &:not(.#{$weui_ns}btn_disabled):visited {
         color: $weuiBtnDefaultFontColor;
     }

data/vendor/assets/stylesheets/widget/weui-button/weui-btn_disabled.scss

@@ -0,0 +1,15 @@
+@import "../../base/fn";
+
+.#{$weui_ns}btn_disabled {
+    color: $weuiBtnDisabledFontColor;
+    &.#{$weui_ns}btn_default {
+        color: $weuiBtnDefaultDisabledFontColor;
+        background-color: $weuiBtnDefaultDisabledBg;
+    }
+    &.#{$weui_ns}btn_primary {
+        background-color: $weuiBtnPrimaryDisabledBg;
+    }
+    &.#{$weui_ns}btn_warn {
+        background-color: $weuiBtnwarnDisabledBg;
+    }
+}

data/vendor/assets/stylesheets/widget/{weui_button/weui_btn_global.scss → weui-button/weui-btn_global.scss}

@@ -29,8 +29,7 @@
         box-sizing: border-box;
         border-radius: $weuiBtnBorderRadius*2;
     }
-
-    &.#{$weui_ns}btn_inline {
-        display: inline-block;
-    }
-}
+}
+.#{$weui_ns}btn_inline {
+    display: inline-block;
+}

data/vendor/assets/stylesheets/widget/weui-button/weui-btn_plain.scss

@@ -0,0 +1,29 @@
+@import "../../base/fn";
+
+.#{$weui_ns}btn_plain-primary {
+    color: $weuiBtnPlainPrimaryColor;
+    border: 1px solid $weuiBtnPlainPrimaryBorderColor;
+    &:not(.#{$weui_ns}btn_plain-disabled):active {
+        color:$weuiBtnPlainPrimaryActiveColor;
+        border-color: $weuiBtnPlainPrimaryActiveBorderColor;
+    }
+    &:after {
+        border-width: 0;
+    }
+}
+
+.#{$weui_ns}btn_plain-default {
+    color: $weuiBtnPlainDefaultColor;
+    border: 1px solid $weuiBtnPlainDefaultBorderColor;
+    &:not(.#{$weui_ns}btn_plain-disabled):active {
+        color:$weuiBtnPlainDefaultActiveColor;
+        border-color: $weuiBtnPlainDefaultActiveBorderColor;
+    }
+    &:after {
+        border-width: 0;
+    }
+}
+.#{$weui_ns}btn_plain-disabled{
+    color:rgba(0,0,0,.2);
+    border-color:rgba(0,0,0,.2);
+}

data/vendor/assets/stylesheets/widget/weui-button/weui-button.scss

@@ -0,0 +1,60 @@
+@import "../../base/fn";
+@import "weui-btn_global";
+@import "weui-btn_default";
+@import "weui-btn_primary";
+@import "weui-btn_warn";
+@import "weui-btn_disabled";
+@import "weui-btn_plain";
+
+button, input {
+    &.#{$weui_ns}btn {
+        width: 100%;
+        border-width: 0;
+        outline: 0;
+        -webkit-appearance: none;
+        &:focus {
+            outline: 0;
+        }
+    }
+    &.#{$weui_ns}btn_inline,&.#{$weui_ns}btn_mini {
+        width: auto;
+    }
+    &.#{$weui_ns}btn_plain-primary,&.#{$weui_ns}btn_plain-default{
+        border-width: 1px;
+        background-color: transparent;
+    }
+}
+
+.#{$weui_ns}btn_mini {
+    display: inline-block;
+    padding: 0 1.32em;
+    line-height: $weuiBtnMiniHeight;
+    font-size: $weuiBtnMiniFontSize;
+}
+
+
+/*gap between btn*/
+.#{$weui_ns}btn + .#{$weui_ns}btn {
+    margin-top: $weuiBtnDefaultGap;
+}
+
+.#{$weui_ns}btn.#{$weui_ns}btn_inline + .#{$weui_ns}btn.#{$weui_ns}btn_inline {
+    margin-top: auto;
+    margin-left: $weuiBtnDefaultGap;
+}
+
+.#{$weui_ns}btn-area {
+    margin: $weuiCellsMarginTop $weuiBtnDefaultGap .3em;
+}
+.#{$weui_ns}btn-area_inline {
+    display: flex;
+    .#{$weui_ns}btn {
+        margin-top: auto;
+        margin-right: $weuiBtnDefaultGap;
+        width: 100%;
+        flex: 1;
+        &:last-child {
+            margin-right: 0;
+        }
+    }
+}