weui-rails 0.4.2 → 0.4.3

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

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

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

@@ -1,15 +1,15 @@
 @import "../../../base/fn";
 
-.weui_cells_checkbox {
-    .weui_cell_hd {
+.#{$weui_ns}cells_checkbox {
+    .#{$weui_ns}cell_hd {
         padding-right: $weuiCellInnerGapH;
     }
-    .weui_cell {
+    .#{$weui_ns}cell {
         &:active {
             background-color: #ECECEC;
         }
     }
-    .weui_icon_checked {
+    .#{$weui_ns}icon_checked {
         &:before {
             content: '\EA01';
             color: #C9C9C9;
@@ -20,11 +20,11 @@
 }
 
 // method2 accessbility
-.weui_check {
+.#{$weui_ns}check {
     // checkbox
-    .weui_cells_checkbox & {
+    .#{$weui_ns}cells_checkbox & {
         &:checked {
-            & + .weui_icon_checked {
+            & + .#{$weui_ns}icon_checked {
                 &:before {
                     content: '\EA06';
                     color: #09BB07;

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

@@ -1,21 +1,21 @@
 @import "../../../base/fn";
 
 // method2 accessbility
-.weui_cells_radio{
-    .weui_cell_ft {
+.#{$weui_ns}cells_radio{
+    .#{$weui_ns}cell_ft {
         padding-left: $weuiCellInnerGapH;
     }
-    .weui_cell {
+    .#{$weui_ns}cell {
         &:active {
             background-color: #ECECEC;
         }
     }
 }
-.weui_check {
+.#{$weui_ns}check {
     // radio
-    .weui_cells_radio & {
+    .#{$weui_ns}cells_radio & {
         &:checked {
-            & + .weui_icon_checked {
+            & + .#{$weui_ns}icon_checked {
                 &:before {
                     display: block;
                     content: '\EA08';

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

@@ -1,11 +1,11 @@
 @import "../../../base/fn";
 
-.weui_label {
+.#{$weui_ns}label {
     display:block;
     width:$weuiCellLabelWidth;
     @include text_wrap();
 }
-.weui_input {
+.#{$weui_ns}input {
     width: 100%;
     border: 0;
     outline: 0;
@@ -22,7 +22,7 @@
         margin: 0;
     }
 }
-.weui_textarea {
+.#{$weui_ns}textarea {
     display: block;
     border: 0;
     resize: none;
@@ -33,15 +33,15 @@
     outline: 0;
 }
 
-.weui_textarea_counter {
+.#{$weui_ns}textarea_counter {
     color: $globalDescColor;
     text-align: right;
-    .weui_cell_warn & {
+    .#{$weui_ns}cell_warn & {
         color: $globalWarnColor;
     }
 }
 
-.weui_toptips {
+.#{$weui_ns}toptips {
     display:none;
     position: fixed;
     transform: translateZ(0);
@@ -51,22 +51,22 @@
     font-size:14px;
     text-align: center;
     color: #FFF;
-    z-index: 2;
-    &.weui_warn {
+    z-index: 50000;
+    &.#{$weui_ns}warn {
         background-color: $globalWarnColor;
     }
 }
-.weui_cells_form {
-    .weui_cell_warn {
+.#{$weui_ns}cells_form {
+    .#{$weui_ns}cell_warn {
         color: $globalWarnColor;
-        .weui_icon_warn {
+        .#{$weui_ns}icon_warn {
             display:inline-block;
         }
     }
-    .weui_cell_ft {
+    .#{$weui_ns}cell_ft {
         font-size:0;
     }
-    .weui_icon_warn {
+    .#{$weui_ns}icon_warn {
       display:none;
     }
     input, textarea, label[for] {

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

@@ -1,17 +1,17 @@
 @import "../../../base/fn";
 
-.weui_cell_select {
+.#{$weui_ns}cell_select {
     padding: 0;
-    .weui_select {
+    .#{$weui_ns}select {
         padding-right: 30px;
     }
-    .weui_access_icon {
+    .#{$weui_ns}access_icon {
         // position: absolute;
         // top: 50%;
         // right: $weuiCellGapH;
         // margin-top: -12px;
     }
-    .weui_cell_bd{
+    .#{$weui_ns}cell_bd{
         &:after{
             content: " ";
             @include setArrow_Wap(right, 6px, #C8C8CD, 2px);
@@ -24,7 +24,7 @@
     }
 }
 
-.weui_select {
+.#{$weui_ns}select {
     -webkit-appearance: none;
     border: 0;
     outline: 0;

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

@@ -1,9 +1,9 @@
 @import "../../../base/fn";
 @import "weui_select";
 
-.weui_select_after {
+.#{$weui_ns}select_after {
     padding-left:$weuiCellGapH;
-    .weui_select {
+    .#{$weui_ns}select {
         padding-left:0;
     }
 }

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

@@ -1,13 +1,13 @@
 @import "../../../base/fn";
 @import "weui_select";
 
-.weui_select_before {
+.#{$weui_ns}select_before {
     padding-right: $weuiCellGapH;
-    .weui_select {
+    .#{$weui_ns}select {
         width:$weuiCellLabelWidth;
         box-sizing: border-box;
     }
-    .weui_cell_hd {
+    .#{$weui_ns}cell_hd {
         position: relative;
         &:after {
             @include setRightLine($weuiCellBorderColor);
@@ -22,7 +22,7 @@
             margin-top: -3px;
         }
     }
-    .weui_cell_bd {
+    .#{$weui_ns}cell_bd {
         padding-left: $weuiCellGapH;
         &:after{
             display:none;

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

@@ -1,10 +1,10 @@
 @import "../../../base/fn";
 
-.weui_vcode {
+.#{$weui_ns}vcode {
     padding-top: 0;
     padding-right: 0;
     padding-bottom: 0;
-    .weui_cell_ft {
+    .#{$weui_ns}cell_ft {
         img {
             margin-left: 5px;
             height: $weuiCellHeight;

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

@@ -1,10 +1,10 @@
 @import "../../base/fn";
 $weuiSwitchHeight: 32px;
-.weui_cell_switch{
+.#{$weui_ns}cell_switch{
   padding-top: ($weuiCellHeight - $weuiSwitchHeight) / 2;
   padding-bottom: ($weuiCellHeight - $weuiSwitchHeight) / 2;
 }
-.weui_switch{
+.#{$weui_ns}switch{
   appearance: none;
   position: relative;
   width: 52px;

data/vendor/assets/stylesheets/widget/weui_cell/weui_uploader.scss

@@ -6,25 +6,25 @@ $weuiUploaderFileSpacing: 9px;
 $weuiUploaderSize: 79px;
 $weuiUploaderBorderWidth: 1px;
 
-.weui_uploader{}
-.weui_uploader_hd {
+.#{$weui_ns}uploader{}
+.#{$weui_ns}uploader_hd {
     padding-top: 0;
     padding-right: 0;
     padding-left: 0;
-    .weui_cell_ft {
+    .#{$weui_ns}cell_ft {
         font-size: 1em;
     }
 }
-.weui_uploader_bd {
+.#{$weui_ns}uploader_bd {
     margin-bottom: $weuiCellGapH - ($weuiCellGapV + $weuiUploaderFileSpacing);
     margin-right: -$weuiUploaderFileSpacing;
     overflow: hidden;
 }
 
-.weui_uploader_files {
+.#{$weui_ns}uploader_files {
     list-style: none;
 }
-.weui_uploader_file {
+.#{$weui_ns}uploader_file {
     float: left;
     margin-right: $weuiUploaderFileSpacing;
     margin-bottom: $weuiUploaderFileSpacing;
@@ -33,7 +33,7 @@ $weuiUploaderBorderWidth: 1px;
     background: no-repeat center center;
     background-size: cover;
 }
-.weui_uploader_status {
+.#{$weui_ns}uploader_status {
     position: relative;
     &:before {
         content: " ";
@@ -44,19 +44,19 @@ $weuiUploaderBorderWidth: 1px;
         left: 0;
         background-color: rgba(0, 0, 0, .5);
     }
-    .weui_uploader_status_content {
+    .#{$weui_ns}uploader_status_content {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         color: #FFFFFF;
     }
-    .weui_icon_warn {
+    .#{$weui_ns}icon_warn {
         display: block;
     }
 }
 
-.weui_uploader_input_wrp {
+.#{$weui_ns}uploader_input_wrp {
     float:left;
     position: relative;
     margin-right: $weuiUploaderFileSpacing;
@@ -87,7 +87,7 @@ $weuiUploaderBorderWidth: 1px;
         }
     }
 }
-.weui_uploader_input{
+.#{$weui_ns}uploader_input{
     position: absolute;
     z-index: 1;
     top: 0;

data/vendor/assets/stylesheets/widget/weui_grid/weui_grid.scss

@@ -1,18 +1,24 @@
 @import "../../base/fn";
 
-.weui_grids {
+.#{$weui_ns}grids {
     position: relative;
     overflow: hidden;
 
     &:before {
-        @include setTopLine($weuiGridBorderColor);
-    }
-    &:after {
-        @include setLeftLine($weuiGridBorderColor);
+        content: '';
+        position: absolute;
+        box-sizing: border-box;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border: 1px solid $weuiGridBorderColor;
+        transform-origin: 0 0;
+        transform: scale(.5);
     }
 }
 
-.weui_grid {
+.#{$weui_ns}grid {
     position: relative;
     float: left;
     padding: 20px 10px;
@@ -20,10 +26,22 @@
     box-sizing: border-box;
 
     &:before {
-        @include setRightLine($weuiGridBorderColor);
+        content: '';
+        position: absolute;
+        box-sizing: border-box;
+        width: 200%;
+        height: 200%;
+        left: 0;
+        top: 0;
+        border-bottom: 1px solid $weuiGridBorderColor;
+        border-right: 1px solid $weuiGridBorderColor;
+        transform-origin: 0 0;
+        transform: scale(.5);
     }
-    &:after {
-        @include setBottomLine($weuiGridBorderColor);
+    &:nth-child(3n) {
+        &:before {
+            border-right-width: 0;
+        }
     }
 
     &:active {
@@ -31,7 +49,7 @@
     }
 }
 
-.weui_grid_icon {
+.#{$weui_ns}grid_icon {
     width: $weuiGridIconSize;
     height: $weuiGridIconSize;
     margin: 0 auto;
@@ -42,12 +60,12 @@
         height: 100%;
     }
 
-    & + .weui_grid_label {
+    & + .#{$weui_ns}grid_label {
         margin-top: 5px;
     }
 }
 
-.weui_grid_label {
+.#{$weui_ns}grid_label {
     display: block;
     text-align: center;
     color: $globalTitleColor;

data/vendor/assets/stylesheets/widget/weui_media_box/weui_media_box.scss

@@ -3,7 +3,7 @@
 $lineColor: #E5E5E5;
 $grayColor: #999999;
 
-.weui_media_box {
+.#{$weui_ns}media_box {
     padding: 15px;
     position: relative;
     &:before {
@@ -15,34 +15,25 @@ $grayColor: #999999;
             display: none
         }
     }
-
-    a & {
-        color:#000000;
-        @include setTapColor();
-        &:active {
-            background-color: #ECECEC;
-        }
-    }
-
-    .weui_media_title {
+    .#{$weui_ns}media_title {
         font-weight: 400;
         font-size: 17px;
         @include ellipsis();
         word-wrap: break-word;
         word-break: break-all;
     }
-    .weui_media_desc {
+    .#{$weui_ns}media_desc {
         color: $grayColor;
         font-size: 13px;
         line-height: 1.2;
         @include ellipsisLn(2);
     }
 
-    &.weui_media_text {
-        .weui_media_title {
+    &.#{$weui_ns}media_text {
+        .#{$weui_ns}media_title {
             margin-bottom: 8px;
         }
-        .weui_media_info {
+        .#{$weui_ns}media_info {
             margin-top: 15px;
             padding-bottom: 5px;
             font-size: 13px;
@@ -51,45 +42,52 @@ $grayColor: #999999;
             list-style: none;
             overflow: hidden;
         }
-        .weui_media_info_meta {
+        .#{$weui_ns}media_info_meta {
             float: left;
             padding-right: 1em;
-            &.weui_media_info_meta_extra {
+            &.#{$weui_ns}media_info_meta_extra {
                 padding-left: 1em;
                 border-left: 1px solid #CECECE;
             }
         }
-
     }
-    &.weui_media_appmsg {
+    &.#{$weui_ns}media_appmsg {
         display: flex;
         align-items: center;
-        .weui_media_hd {
+        .#{$weui_ns}media_hd {
             margin-right: .8em;
             width: 60px;
             height: 60px;
             line-height: 60px;
             text-align: center;
         }
-        .weui_media_appmsg_thumb {
+        .#{$weui_ns}media_appmsg_thumb {
             width: 100%;
             max-height: 100%;
-            vertical-align: middle;
+            vertical-align: top;
         }
-        .weui_media_bd {
+        .#{$weui_ns}media_bd {
             flex: 1;
             min-width: 0;
         }
     }
-    &.weui_media_small_appmsg {
+    &.#{$weui_ns}media_small_appmsg {
         padding: 0;
-        .weui_cells {
+        .#{$weui_ns}cells {
             margin-top: 0;
             &:before {
                 display: none;
             }
         }
-        .weui_cells_access {
+        .#{$weui_ns}cells_access {
         }
     }
+}
+
+a.#{$weui_ns}media_box {
+    color:#000000;
+    @include setTapColor();
+    &:active {
+        background-color: #ECECEC;
+    }
 }