weui-rails 0.2.0

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

@@ -0,0 +1,4 @@
+@import "../../base/fn";
+@import "./weui_check/weui_check_common";
+@import "./weui_check/weui_radio";
+@import "./weui_check/weui_checkbox";

data/assets/stylesheets/widget/weui_cell/weui_check/weui_check_common.scss

@@ -0,0 +1,10 @@
+@import "../../../base/fn";
+
+.weui_check_label {
+    @include setTapColor();
+}
+
+.weui_check{
+    position: absolute;
+    left: -9999em;
+}

data/assets/stylesheets/widget/weui_cell/weui_check/weui_checkbox.scss

@@ -0,0 +1,35 @@
+@import "../../../base/fn";
+
+.weui_cells_checkbox {
+    .weui_cell_hd {
+        padding-right: $weuiCellInnerGapH;
+    }
+    .weui_cell {
+        &:active {
+            background-color: #ECECEC;
+        }
+    }
+    .weui_icon_checked {
+        &:before {
+            content: '\EA01';
+            color: #C9C9C9;
+            font-size: 23px;
+            display: block;
+        }
+    }
+}
+
+// method2 accessbility
+.weui_check {
+    // checkbox
+    .weui_cells_checkbox & {
+        &:checked {
+            & + .weui_icon_checked {
+                &:before {
+                    content: '\EA06';
+                    color: #09BB07;
+                }
+            }
+        }
+    }
+}

data/assets/stylesheets/widget/weui_cell/weui_check/weui_radio.scss

@@ -0,0 +1,27 @@
+@import "../../../base/fn";
+
+// method2 accessbility
+.weui_cells_radio{
+    .weui_cell_ft {
+        padding-left: $weuiCellInnerGapH;
+    }
+    .weui_cell {
+        &:active {
+            background-color: #ECECEC;
+        }
+    }
+}
+.weui_check {
+    // radio
+    .weui_cells_radio & {
+        &:checked {
+            & + .weui_icon_checked {
+                &:before {
+                    content: '\EA08';
+                    color: #09BB07;
+                    font-size: 16px;
+                }
+            }
+        }
+    }
+}

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

@@ -0,0 +1,6 @@
+@import "../../base/fn";
+@import "./weui_form/weui_form_common";
+@import "./weui_form/weui_select";
+@import "./weui_form/weui_select_before";
+@import "./weui_form/weui_select_after";
+@import "./weui_form/weui_vcode";

data/assets/stylesheets/widget/weui_cell/weui_form/weui_form_common.scss

@@ -0,0 +1,64 @@
+@import "../../../base/fn";
+
+.weui_label{
+  display:block;
+  width:3em;
+}
+.weui_input {
+    width: 100%;
+    border: 0;
+    outline: 0;
+    -webkit-appearance: none;
+    background-color: transparent;
+    font-size: inherit;
+    color: inherit;
+    height: $weuiCellLineHeight + em;
+    line-height: $weuiCellLineHeight;
+
+    // hides the spin-button
+    &::-webkit-outer-spin-button, &::-webkit-inner-spin-button{
+        -webkit-appearance: none;
+        margin: 0;
+    }
+}
+.weui_textarea {
+    display: block;
+    border: 0;
+    resize: none;
+    width: 100%;
+    font-size: 1em;
+    line-height: inherit;
+    outline: 0;
+}
+.weui_toptips {
+    display:none;
+    position: fixed;
+    transform: translateZ(0);
+    width: 100%;
+    top: 0;
+    line-height: 2.3;
+    font-size:14px;
+    text-align: center;
+    color: #FFF;
+    z-index: 2;
+    &.weui_warn {
+        background-color: $globalWarnColor;
+    }
+}
+.weui_cells_form {
+    .weui_cell_warn{
+        color: $globalWarnColor;
+        .weui_icon_warn{
+            display:inline-block;
+        }
+    }
+    .weui_cell_hd {
+        padding-right: 1em;
+    }
+    .weui_cell_ft{
+        font-size:0;
+    }
+    .weui_icon_warn{
+      display:none;
+    }
+}

data/assets/stylesheets/widget/weui_cell/weui_form/weui_select.scss

@@ -0,0 +1,38 @@
+@import "../../../base/fn";
+
+.weui_cell_select {
+    padding: 0;
+    .weui_select {
+        padding-right: 30px;
+    }
+    .weui_access_icon {
+        // position: absolute;
+        // top: 50%;
+        // right: $weuiCellGapH;
+        // margin-top: -12px;
+    }
+    .weui_cell_bd{
+        &:after{
+            content: " ";
+            @include setArrow_Wap(right, 6px, #C8C8CD, 2px);
+
+            position: absolute;
+            top: 50%;
+            right: $weuiCellGapH;
+            margin-top: -3px;
+        }
+    }
+}
+
+.weui_select {
+    -webkit-appearance: none;
+    border: 0;
+    outline: 0;
+    background-color: transparent;
+    width: 100%;
+    font-size: inherit;
+    height: 43px;
+    position: relative;
+    z-index: 1;
+    padding-left: $weuiCellGapH;
+}

data/assets/stylesheets/widget/weui_cell/weui_form/weui_select_after.scss

@@ -0,0 +1,6 @@
+@import "../../../base/fn";
+@import "weui_select";
+
+.weui_select_after {
+    padding-left:$weuiCellGapH;
+}

data/assets/stylesheets/widget/weui_cell/weui_form/weui_select_before.scss

@@ -0,0 +1,30 @@
+@import "../../../base/fn";
+@import "weui_select";
+
+.weui_select_before {
+    padding-right: $weuiCellGapH;
+    .weui_select{
+        width:auto;
+    }
+    .weui_cell_hd {
+        position: relative;
+        &:after {
+            @include setRightLine($weuiCellBorderColor);
+        }
+        &:before{
+            content: " ";
+            @include setArrow_Wap(right, 6px, #C8C8CD, 2px);
+
+            position: absolute;
+            top: 50%;
+            right: $weuiCellGapH;
+            margin-top: -3px;
+        }
+    }
+    .weui_cell_bd {
+        padding-left: $weuiCellGapH;
+        &:after{
+            display:none;
+        }
+    }
+}

data/assets/stylesheets/widget/weui_cell/weui_form/weui_vcode.scss

@@ -0,0 +1,14 @@
+@import "../../../base/fn";
+
+.weui_vcode {
+    padding-top: 0;
+    padding-right: 0;
+    padding-bottom: 0;
+    .weui_cell_ft {
+        img {
+            margin-left: 5px;
+            height: $weuiCellHeight;
+            vertical-align: middle;
+        }
+    }
+}

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

@@ -0,0 +1,51 @@
+@import "../../base/fn";
+$weuiSwitchHeight: 32px;
+.weui_cell_switch{
+  padding-top: ($weuiCellHeight - $weuiSwitchHeight) / 2;
+  padding-bottom: ($weuiCellHeight - $weuiSwitchHeight) / 2;
+}
+.weui_switch{
+  appearance: none;
+  position: relative;
+  width: 52px;
+  height: $weuiSwitchHeight;
+  border: 1px solid #DFDFDF;
+  outline: 0;
+  border-radius: 16px;
+  box-sizing: border-box;
+  background: #DFDFDF;
+  &:before{
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 50px;
+    height: $weuiSwitchHeight - 2;
+    border-radius: 15px;
+    background-color: #FDFDFD;
+    transition:transform .3s;
+  }
+  &:after{
+    content: " ";
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: $weuiSwitchHeight - 2;
+    height: $weuiSwitchHeight - 2;
+    border-radius: 15px;
+    background-color: #FFFFFF;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
+    transition:transform .3s;
+  }
+
+  &:checked{
+    border-color: #04BE02;
+    background-color: #04BE02;
+    &:before{
+      transform: scale(0);
+    }
+    &:after{
+      transform: translateX(20px);
+    }
+  }
+}

data/assets/stylesheets/widget/weui_page/weui_article.scss

@@ -0,0 +1,23 @@
+@import "../../base/fn";
+
+.weui_article {
+    padding: 20px 15px;
+    font-size: 15px;
+    section {
+        margin-bottom: 1.5em;
+    }
+    h1 {
+        font-size: 17px;
+        font-weight:400;
+        margin-bottom: .75em;
+    }
+    h2 {
+        font-size: 16px;
+        font-weight:400;
+        margin-bottom: .3em;
+    }
+    h3 {
+        font-weight:400;
+        font-size: 15px;
+    }
+}

data/assets/stylesheets/widget/weui_page/weui_msg.scss

@@ -0,0 +1,48 @@
+@import "../../base/fn";
+@import "../weui_button/weui_button";
+
+.weui_msg {
+    padding-top: $weuiMsgPaddingTop;
+    text-align: center;
+
+    .weui_icon_area {
+        margin-bottom: $weuiMsgIconGap;
+    }
+
+    .weui_text_area {
+        margin-bottom: $weuiMsgTextGap;
+        padding:0 20px;
+    }
+    .weui_msg_title {
+        margin-bottom: $weuiMsgTitleGap;
+        font-weight: 400;
+        font-size: 20px;
+    }
+    .weui_msg_desc {
+        font-size: 14px;
+        color: $globalDescColor;
+    }
+
+    .weui_opr_area {
+        margin-bottom: $weuiMsgOprGap;
+    }
+
+    .weui_extra_area {
+        margin-bottom: $weuiMsgExtraAreaGap;
+        font-size:14px;
+        color:$globalTextColor;
+        a {
+            color:$globalLinkColor;
+        }
+    }
+}
+
+@media screen and (min-height: $weuiMsgExtraAreaOfMinHeight) {
+    .weui_extra_area {
+        position: fixed;
+        left: 0;
+        bottom: 0;
+        width: 100%;
+        text-align: center;
+    }
+}

data/assets/stylesheets/widget/weui_progress/weui_progress.scss

@@ -0,0 +1,23 @@
+@import "../../base/fn";
+
+.weui_progress {
+  display: flex;
+  align-items: center;
+}
+
+.weui_progress_bar {
+  background-color: $weuiProgressBg;
+  height: $weuiProgressHeight;
+  flex: 1;
+}
+
+.weui_progress_inner_bar {
+  width: 0;
+  height: 100%;
+  background-color: $weuiProgressColor;
+}
+
+.weui_progress_opr {
+  margin-left: 15px;
+  font-size: 0;
+}

data/assets/stylesheets/widget/weui_tips/weui_actionsheet.scss

@@ -0,0 +1,43 @@
+@import "../../base/fn";
+$bgColor: #ECECEC;
+.weui_actionsheet {
+  position: fixed;
+  left: 0;
+  bottom: 0;
+  transform: translate(0, 100%);
+  backface-visibility: hidden;
+  z-index: 2;
+  width: 100%;
+  background-color: $pageDefaultBackgroundColor;
+  //slide up animation
+  transition: transform .3s;
+}
+.weui_actionsheet_menu{
+  background-color: #FFFFFF;
+}
+.weui_actionsheet_action {
+  margin-top: 6px;
+  background-color: #FFFFFF;
+}
+.weui_actionsheet_cell {
+  position: relative;
+  padding: 10px 0;
+  text-align: center;
+  font-size: 18px;
+  &:before {
+    @include setTopLine($weuiCellBorderColor);
+  }
+  &:active{
+    background-color: $bgColor;
+  }
+  &:first-child{
+    &:before{
+      display: none;
+    }
+  }
+}
+
+//actionSheet aniamtion
+.weui_actionsheet_toggle{
+  transform: translate(0, 0);
+}