weui-rails 0.2.0

data/assets/stylesheets/base/variable/_global.scss

@@ -0,0 +1,32 @@
+// font family
+$sansFont:"Helvetica Neue",Helvetica,Arial,sans-serif;
+$serifFont:Georgia, "Times New Roman",Times,serif;
+$wpFont:"Microsoft YaHei",sans-serif;
+$bizFont:"Helvetica Neue",Helvetica,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
+$globalFont:$sansFont;
+$globalFontSize:14px;
+
+// font color
+$globalLinkColor: #61749B;
+$globalDescColor: #B2B2B2;
+$globalWarnColor: #E64340;
+$globalNickNameColor: #576B95;
+$globalTextColor: #888;
+$globalTitleColor: #000;
+
+//border
+$globalBorderColor: #BCBAB6;
+
+//arrow
+$globalArrowColor: #C7C7CC;
+
+//component
+$itemActiveColor: #E4E4E4;
+
+//page
+$pageDefaultBackgroundColor:#EFEFF4;
+
+// gap
+$gap5:5px;
+$gap10:10px;
+$gap15:15px;

data/assets/stylesheets/base/variable/_monokai.scss

@@ -0,0 +1,11 @@
+$monokaiCaret:#F8F8F0;
+$monokaiGreen:#A6E22E;
+$monokaiOrange:#FD971F;
+$monokaiBlue:#66D9EF;
+$monokaiRed:#F92672;
+$monokaiPurple:#AE81FF;
+$monokaiBrown:#E6DB74;
+$monokaiFindHighlight:#FFE792;
+$monokaiLineHighlight:#3E3D32;
+$monokaiSelection:#49483E;
+$monokaiBg:#272822;

data/assets/stylesheets/base/variable/_weui_button.scss

@@ -0,0 +1,21 @@
+$weuiBtnDefaultGap:15px;
+$weuiBtnHeight:42px;
+$weuiBtnMiniHeight:25px;
+$weuiBtnFontSize:18px;
+$weuiBtnFontColor:#FFFFFF;
+$weuiBtnDisabledFontColor:rgba(255,255,255,.6);
+$weuiBtnActiveFontColor:rgba(255,255,255,.4);
+$weuiBtnMiniFontSize:14px;
+$weuiBtnBorderRadius:5px;
+
+$weuiBtnDefaultBg:#F7F7F7;
+$weuiBtnDefaultActiveBg:#DEDEDE;
+$weuiBtnDefaultFontColor:#454545;
+$weuiBtnDefaultDisabledFontColor:#C9C9C9;
+$weuiBtnDefaultActiveFontColor:#A1A1A1;
+
+$weuiBtnPrimaryBg:#04be02;
+$weuiBtnPrimaryActiveBg:#039702;
+
+$weuiBtnWarnBg:#ef4f4f;
+$weuiBtnWarnActiveBg:#c13e3e;

data/assets/stylesheets/base/variable/_weui_cell.scss

@@ -0,0 +1,12 @@
+$weuiCellBg:#FFFFFF;
+$weuiCellBorderColor:#D9D9D9;
+$weuiCellGapV:10px;
+$weuiCellGapH:15px;
+$weuiCellInnerGapH:.35em;
+
+$weuiCellHeight: 44px;
+$weuiCellFontSize:17px;
+$weuiCellTipsFontSize:14px;
+
+$weuiCellLineHeight: ($weuiCellHeight - 2 * $weuiCellGapV) / $weuiCellFontSize; // 高度为44px，减去上下padding的行高
+$weuiCellsMarginTop: 20 / ($weuiCellFontSize / ($weuiCellFontSize * 0 + 1)) + em;

data/assets/stylesheets/base/variable/_weui_msg.scss

@@ -0,0 +1,7 @@
+$weuiMsgPaddingTop:36px;
+$weuiMsgIconGap:30px;
+$weuiMsgTextGap:25px;
+$weuiMsgTitleGap:5px;
+$weuiMsgOprGap:25px;
+$weuiMsgExtraAreaGap:15px;
+$weuiMsgExtraAreaOfMinHeight:438px;

data/assets/stylesheets/base/variable/weui_progress.scss

@@ -0,0 +1,5 @@
+$weuiProgressBg: #ebebeb;
+$weuiProgressColor: #09bb07;
+$weuiProgressHeight: 3px;
+$weuiProgressCloseBg: #ef4f4f;
+$weuiProgressActiveBg: #c13e3e;

data/assets/stylesheets/icon/weui_font.scss

@@ -0,0 +1,62 @@
+@font-face {
+  font-weight: normal;
+  font-style: normal;
+  font-family: "weui";
+  src: url('data:application/octet-stream;base64,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') format('woff'),
+  url('data:application/octet-stream;base64,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') format('truetype');
+}
+/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
+/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
+/*
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+  @font-face {
+    font-family: 'weui';
+    src: url('../font/weui.svg?87776072#weui') format('svg');
+  }
+}
+*/
+ 
+ [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" } /* '' */

data/assets/stylesheets/icon/weui_icon_font.scss

@@ -0,0 +1,73 @@
+@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 {
+  font-size: 23px;
+  color: #F43530;
+}
+
+.weui_icon_msg:before {
+    font-size: 104px;
+    .weui_icon_warn & {
+        color: #F76260;
+    }
+}
+
+.weui_icon_safe:before {
+    font-size: 104px;
+}

data/assets/stylesheets/widget/weui_button/weui_btn_default.scss

@@ -0,0 +1,13 @@
+@import "../../base/fn";
+
+.weui_btn_default {
+    background-color: $weuiBtnDefaultBg;
+    color: $weuiBtnDefaultFontColor;
+    &:not(.weui_btn_disabled):visited {
+        color: $weuiBtnDefaultFontColor;
+    }
+    &:not(.weui_btn_disabled):active {
+        color: $weuiBtnDefaultActiveFontColor;
+        background-color: $weuiBtnDefaultActiveBg;
+    }
+}

data/assets/stylesheets/widget/weui_button/weui_btn_disabled.scss

@@ -0,0 +1,9 @@
+@import "../../base/fn";
+
+.weui_btn_disabled {
+    color: $weuiBtnDisabledFontColor;
+
+    &.weui_btn_default {
+        color: $weuiBtnDefaultDisabledFontColor;
+    }
+}

data/assets/stylesheets/widget/weui_button/weui_btn_global.scss

@@ -0,0 +1,36 @@
+@import "../../base/fn";
+
+.weui_btn {
+    position: relative;
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    padding-left: 14px;
+    padding-right: 14px;
+    box-sizing: border-box;
+    font-size: $weuiBtnFontSize;
+    text-align: center;
+    text-decoration: none;
+    color: $weuiBtnFontColor;
+    line-height: $weuiBtnHeight/$weuiBtnFontSize;
+    border-radius: $weuiBtnBorderRadius;
+    @include setTapColor();
+    overflow: hidden;
+    &:after {
+        content: " ";
+        width: 200%;
+        height: 200%;
+        position: absolute;
+        top: 0;
+        left: 0;
+        border: 1px solid rgba(0, 0, 0, .2);
+        transform: scale(.5);
+        transform-origin: 0 0;
+        box-sizing: border-box;
+        border-radius: $weuiBtnBorderRadius*2;
+    }
+
+    &.weui_btn_inline {
+        display: inline-block;
+    }
+}

data/assets/stylesheets/widget/weui_button/weui_btn_plain.scss

@@ -0,0 +1,30 @@
+@import "../../base/fn";
+
+.weui_btn_plain_primary {
+    color: $weuiBtnPrimaryBg;
+    border: 1px solid $weuiBtnPrimaryBg;
+    &:active {
+        border-color: $weuiBtnPrimaryActiveBg;
+    }
+    &:after {
+        border-width: 0;
+    }
+}
+
+button.weui_btn_plain_primary, input.weui_btn_plain_primary {
+    border-width: 1px;
+    background-color: transparent;
+}
+
+.weui_btn_plain_default {
+    color: #5A5A5A;
+    border: 1px solid #5A5A5A;
+    &:after {
+        border-width: 0;
+    }
+}
+
+button.weui_btn_plain_default, input.weui_btn_plain_default {
+    border-width: 1px;
+    background-color: transparent;
+}

data/assets/stylesheets/widget/weui_button/weui_btn_primary.scss

@@ -0,0 +1,12 @@
+@import "../../base/fn";
+
+.weui_btn_primary {
+    background-color: $weuiBtnPrimaryBg;
+    &:not(.weui_btn_disabled):visited {
+        color: $weuiBtnFontColor;
+    }
+    &:not(.weui_btn_disabled):active {
+        color: $weuiBtnActiveFontColor;
+        background-color: $weuiBtnPrimaryActiveBg;
+    }
+}

data/assets/stylesheets/widget/weui_button/weui_btn_warn.scss

@@ -0,0 +1,12 @@
+@import "../../base/fn";
+
+.weui_btn_warn {
+    background-color: $weuiBtnWarnBg;
+    &:not(.weui_btn_disabled):visited {
+        color: $weuiBtnFontColor;
+    }
+    &:not(.weui_btn_disabled):active {
+        color: $weuiBtnActiveFontColor;
+        background-color: $weuiBtnWarnActiveBg;
+    }
+}

data/assets/stylesheets/widget/weui_button/weui_button.scss

@@ -0,0 +1,58 @@
+@import "../../base/fn";
+
+.weui_btn {
+    &.weui_btn_mini {
+        line-height: $weuiBtnMiniHeight;
+        font-size: $weuiBtnMiniFontSize;
+        padding: 0 .75em;
+        display: inline-block;
+    }
+}
+
+button, input {
+    &.weui_btn {
+        width: 100%;
+        border-width: 0;
+        outline: 0;
+        -webkit-appearance: none;
+        &:focus {
+            outline: 0;
+        }
+    }
+    &.weui_btn_inline,&.weui_btn_mini {
+        width: auto;
+    }
+}
+
+/*gap between btn*/
+.weui_btn + .weui_btn {
+    margin-top: $weuiBtnDefaultGap;
+}
+
+.weui_btn.weui_btn_inline + .weui_btn.weui_btn_inline {
+    margin-top: auto;
+    margin-left: $weuiBtnDefaultGap;
+}
+
+.weui_btn_area {
+    margin: $weuiCellsMarginTop $weuiBtnDefaultGap .3em;
+    &.weui_btn_area_inline {
+        display: flex;
+        .weui_btn {
+            margin-top: auto;
+            margin-right: $weuiBtnDefaultGap;
+            width: 100%;
+            flex: 1;
+            &:last-child {
+                margin-right: 0;
+            }
+        }
+    }
+}
+
+@import "weui_btn_global";
+@import "weui_btn_default";
+@import "weui_btn_primary";
+@import "weui_btn_warn";
+@import "weui_btn_disabled";
+@import "weui_btn_plain";

data/assets/stylesheets/widget/weui_cell/weui_access.scss

@@ -0,0 +1,22 @@
+@import "../../base/fn";
+
+.weui_cells_access {
+    .weui_cell:not(.no_access) {
+        // 在cell_access和其它类型的cell混着用的场景下，其它cell要加no_access，避免有点击态
+        @include setTapColor();
+        &:active {
+            background-color: #ECECEC;
+        }
+    }
+    a.weui_cell {
+        color: inherit;
+    }
+    .weui_cell_ft {
+        &:after {
+            content: " ";
+            @include setArrow_Wap(right, 6px, #C8C8CD, 2px);
+            top: -1px;
+        }
+    }
+}
+

data/assets/stylesheets/widget/weui_cell/weui_cell_global.scss

@@ -0,0 +1,68 @@
+@import "../../base/fn";
+
+.weui_cell {
+    // onepx
+    position: relative;
+    &:before {
+        @include setTopLine($weuiCellBorderColor);
+        left: $weuiCellGapH;
+    }
+    &:first-child {
+        &:before {
+            display: none;
+        }
+    }
+}
+.weui_cells {
+    margin-top: $weuiCellsMarginTop;
+    background-color: $weuiCellBg;
+    line-height: $weuiCellLineHeight;
+    font-size: $weuiCellFontSize; //cell中间有效高度23px，跟客户端默认图标尺寸一致
+
+    overflow: hidden; //因为每个cell的border使用before元素left搞的，ie下伪元素的containing block估计跟标准不同，在cell上用oh不生效
+
+
+    // onepx
+    position: relative;
+    &:before {
+        @include setTopLine($weuiCellBorderColor);
+    }
+    &:after {
+        @include setBottomLine($weuiCellBorderColor);
+    }
+}
+
+.weui_cells_title {
+    margin-top: .77em;
+    padding-left: $weuiCellGapH;
+    padding-right: $weuiCellGapH;
+    color: $globalTextColor;
+    font-size: $weuiCellTipsFontSize;
+
+    & + .weui_cells{
+        margin-top: 0;
+    }
+}
+
+.weui_cells_tips{
+    margin-top: .3em; // 8px - 行高
+    color: $globalTextColor;
+    text-align: center;
+    font-size: $weuiCellTipsFontSize;
+}
+
+.weui_cell {
+    padding: $weuiCellGapV $weuiCellGapH;
+    position: relative; //这个是为了兼容cells容器onepx方案被before挡住而做的
+    display: flex;
+    align-items: center;
+}
+
+.weui_cell_ft {
+    text-align:right;
+    color: $globalTextColor;
+}
+
+.weui_cell_primary {
+    flex: 1;
+}