lookitui 0.1.1.beta → 0.1.2.beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. checksums.yaml +8 -8
  2. data/lib/{seeui.rb → lookitui.rb} +2 -2
  3. data/stylesheets/_lookitui.scss +3 -3
  4. data/stylesheets/_toolbar.scss +1 -0
  5. data/stylesheets/lookitui/_all.scss +11 -0
  6. data/stylesheets/lookitui/_box.scss +1 -0
  7. data/stylesheets/lookitui/_button.scss +1 -1
  8. data/stylesheets/lookitui/_form.scss +1 -1
  9. data/stylesheets/lookitui/_func.scss +194 -50
  10. data/stylesheets/lookitui/_gotop.scss +1 -0
  11. data/stylesheets/lookitui/_list.scss +1 -0
  12. data/stylesheets/lookitui/_loading.scss +1 -0
  13. data/stylesheets/lookitui/_reset.scss +1 -161
  14. data/stylesheets/lookitui/_tab.scss +1 -0
  15. data/stylesheets/lookitui/_toolbar.scss +1 -0
  16. data/stylesheets/lookitui/_ui-slider.scss +4 -5
  17. data/stylesheets/lookitui/_ui-toolbar.scss +54 -51
  18. data/stylesheets/lookitui/_vars.scss +1 -1
  19. data/stylesheets/lookitui/base/0.1/base.scss +29 -0
  20. data/stylesheets/lookitui/base/0.1/normalize.scss +397 -0
  21. data/stylesheets/lookitui/base/{1.0 → 0.1}/phone.scss +0 -0
  22. data/stylesheets/lookitui/base/{1.0 → 0.1}/reset.scss +0 -0
  23. data/stylesheets/lookitui/box/0.1/box.scss +27 -0
  24. data/stylesheets/lookitui/button/0.1/button.scss +46 -0
  25. data/stylesheets/lookitui/form/{1.0 → 0.1}/form.scss +6 -6
  26. data/stylesheets/lookitui/gotop/0.1/gotop.scss +21 -0
  27. data/stylesheets/lookitui/list/0.1/list.scss +41 -0
  28. data/stylesheets/lookitui/loading/0.1/loading.scss +209 -0
  29. data/stylesheets/lookitui/tab/0.1/tab.scss +17 -0
  30. data/stylesheets/lookitui/toolbar/0.1/toolbar.scss +79 -0
  31. data/templates/project/_lookitui.scss +7 -0
  32. data/templates/project/manifest.rb +1 -1
  33. metadata +23 -11
  34. data/stylesheets/lookitui/_ui-form.scss +0 -58
  35. data/stylesheets/lookitui/_ui-slider.gionee.scss +0 -9
  36. data/stylesheets/lookitui/_ui-toolbar.gionee.scss +0 -13
  37. data/stylesheets/lookitui/base/1.0/base.scss +0 -39
  38. data/stylesheets/lookitui/button/1.0/button.scss +0 -23
  39. data/templates/project/_seeui.scss +0 -7
@@ -0,0 +1,7 @@
1
+ //** lookitui **//
2
+
3
+ // Import ---------------------------------------------------
4
+
5
+ @import "lookitui";
6
+
7
+ /* lookitui ---------------------------------------------------*/
@@ -1,5 +1,5 @@
1
1
  # Make sure you list all the project template files here in the manifest.
2
- stylesheet '_seeui.scss', :media => 'screen, projection'
2
+ stylesheet '_lookitui.scss', :media => 'screen, projection'
3
3
  #html 'lightbox.html'
4
4
  #javascript 'lightbox.js'
5
5
 
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: lookitui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.1.beta
4
+ version: 0.1.2.beta
5
5
  platform: ruby
6
6
  authors:
7
7
  - Hankewins
@@ -31,26 +31,38 @@ extensions: []
31
31
  extra_rdoc_files: []
32
32
  files:
33
33
  - README.mkdn
34
- - lib/seeui.rb
35
- - stylesheets/lookitui/base/1.0/base.scss
36
- - stylesheets/lookitui/base/1.0/phone.scss
37
- - stylesheets/lookitui/base/1.0/reset.scss
38
- - stylesheets/lookitui/button/1.0/button.scss
39
- - stylesheets/lookitui/form/1.0/form.scss
34
+ - lib/lookitui.rb
35
+ - stylesheets/lookitui/base/0.1/base.scss
36
+ - stylesheets/lookitui/base/0.1/normalize.scss
37
+ - stylesheets/lookitui/base/0.1/phone.scss
38
+ - stylesheets/lookitui/base/0.1/reset.scss
39
+ - stylesheets/lookitui/box/0.1/box.scss
40
+ - stylesheets/lookitui/button/0.1/button.scss
41
+ - stylesheets/lookitui/form/0.1/form.scss
42
+ - stylesheets/lookitui/gotop/0.1/gotop.scss
43
+ - stylesheets/lookitui/list/0.1/list.scss
44
+ - stylesheets/lookitui/loading/0.1/loading.scss
45
+ - stylesheets/lookitui/tab/0.1/tab.scss
46
+ - stylesheets/lookitui/toolbar/0.1/toolbar.scss
47
+ - stylesheets/lookitui/_all.scss
48
+ - stylesheets/lookitui/_box.scss
40
49
  - stylesheets/lookitui/_button.scss
41
50
  - stylesheets/lookitui/_form.scss
42
51
  - stylesheets/lookitui/_func.scss
52
+ - stylesheets/lookitui/_gotop.scss
53
+ - stylesheets/lookitui/_list.scss
54
+ - stylesheets/lookitui/_loading.scss
43
55
  - stylesheets/lookitui/_reset.scss
44
- - stylesheets/lookitui/_ui-form.scss
56
+ - stylesheets/lookitui/_tab.scss
57
+ - stylesheets/lookitui/_toolbar.scss
45
58
  - stylesheets/lookitui/_ui-refresh.scss
46
- - stylesheets/lookitui/_ui-slider.gionee.scss
47
59
  - stylesheets/lookitui/_ui-slider.scss
48
- - stylesheets/lookitui/_ui-toolbar.gionee.scss
49
60
  - stylesheets/lookitui/_ui-toolbar.scss
50
61
  - stylesheets/lookitui/_vars.scss
51
62
  - stylesheets/_lookitui.scss
63
+ - stylesheets/_toolbar.scss
52
64
  - templates/project/manifest.rb
53
- - templates/project/_seeui.scss
65
+ - templates/project/_lookitui.scss
54
66
  homepage: http://www.hankewins.com/
55
67
  licenses: []
56
68
  metadata: {}
@@ -1,58 +0,0 @@
1
- .ui-form{
2
- margin:10*$px auto 0; width:80%; text-align:center; color:$text-form-color;
3
- input[type="text"],input[type="password"],input[type="email"],input[type="tel"],input[type="number"],input[type="search"],select{
4
- width:100%; height:40*$px; padding:0 10*$px;
5
- -webkit-appearance:none; border:none; background:white; margin:0;
6
- box-sizing:border-box; @include lg(top,#F4F4F4,#FFF);
7
- }
8
-
9
- & .form-field{
10
- margin-bottom:10*$px;
11
- }
12
-
13
- & .ui-form-input, & .ui-form-select{
14
- display:-webkit-box; -webkit-box-align:center;
15
- section:nth-child(1){
16
- min-width:60*$px; text-align:right;
17
- }
18
- section:nth-child(2){
19
- -webkit-box-flex:1;
20
- }
21
- input:focus{
22
- background:#FFF;
23
- }
24
- }
25
-
26
- & .form-text{
27
- input{
28
- border:1px solid #e3e3e3; border-top:none; width:100%; padding:0 5*$px;
29
- @include border-radius(2px);
30
- @include box-shadow(0 -1px 0 #e3e3e3 inset);
31
- @include box-shadow(0 1px 0 #adadad inset);
32
-
33
- }
34
- }
35
-
36
- & .ui-form-radio{
37
- input[type="radio"],input[type="radio"] + label{
38
- float:left; line-height:1.5;
39
- }
40
-
41
- & span{
42
- margin-right:10*$px; display:inline-block;
43
- }
44
- }
45
-
46
- & .ui-form-select{
47
- section:nth-child(2){
48
- @include arrow($wh:5px,$mrt:-4px,$bw:2px,$der:bottom);
49
- }
50
- select{
51
- border:1px solid #e3e3e3; border-top:none; width:100%; padding:0 5*$px;
52
- @include border-radius(2px);
53
- @include box-shadow(0 -1px 0 #e3e3e3 inset);
54
- @include box-shadow(0 1px 0 #adadad inset);
55
- }
56
- }
57
-
58
- }
@@ -1,9 +0,0 @@
1
- .ui-slider{width:320*$px; height:auto;}
2
- .ui-slider-pic > *{width:320*$px; height:auto;}
3
-
4
- .ui-slider-handle{
5
- position:absolute; left:0; bottom:0; width:100%; height:3*$px; overflow:hidden;
6
- background:rgba(51,51,51,0.5); display:-webkit-box;
7
- span{display:block; -webkit-box-flex:1; height:100%;}
8
- span.on{background:#FF7E00;}
9
- }
@@ -1,13 +0,0 @@
1
- /**
2
- * --------------------------------------------------------------------------
3
- * ++ toolbar基本控制样式 STYLE
4
- * -------------------------------------------------------------------------
5
- */
6
- .ui-toolbar-wrap{height:40*$px; background:#dedede;}
7
-
8
- .ui-toolbar-backbtn{background:#F1F1F1; border:1px solid #CCC; border-width:1px 1px 1px 0; margin:5*$px 0 0 20*$px; padding:0 8*$px 0 6*$px; height:30*$px; line-height:29*$px;}
9
- .ui-toolbar-backbtn::before, .ui-toolbar-backbtn::after{content:""; position:absolute; left:-8*$px; top:-1*$px; width:0; height:0; display:block; border:solid; border-width:15*$px 8*$px 15*$px 0;}
10
- .ui-toolbar-backbtn::before{border-color:transparent #ccc transparent transparent;}
11
- .ui-toolbar-backbtn::after{border-color:transparent #F1F1F1 transparent transparent; left:-7*$px;}
12
-
13
- .ui-toolbar-title{line-height:40*$px; text-align:center;}
@@ -1,39 +0,0 @@
1
- @charset "utf-8";
2
- /*
3
- * 1rem=20px for 320px(中低端分辨率).
4
- * 1rem=22.5px for 360px(高端分辨率).
5
- */
6
- html{font-size:20px; -webkit-text-size-adjust:none;}
7
- @media all and (min-width:359px){.uc-hack{font-size:22.5px;}}
8
- @media all and (min-width:359px) and (-webkit-min-device-pixel-ratio:1.5){html{font-size:22.5px;}}
9
- body,div,p,form,input,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,table,tbody,tr,td,textarea,img,iframe,figure{margin:0; padding:0; list-style:none; vertical-align:middle;}
10
- body{font-size:14px/1.5; font-family:"\5FAE\8F6F\96C5\9ED1",Helvetica,Arial; color:#000; -webkit-user-select:none; -webkit-text-size-adjust:none;}
11
- *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
12
- img{border:0; -webkit-touch-callout:none;} a,*[onclick]{-webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none; color:#000;}
13
-
14
- /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
15
- h1,h2,h3,h4,h5,h6 {
16
- font-size:100%;
17
- font-weight:500;
18
- }
19
-
20
- .clearfix::after{visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
21
-
22
- .no-flick{
23
- //解决css3动画引起页面图片及文字抖动问题
24
- -moz-backface-visibility: hidden; /* Firefox */
25
- -webkit-backface-visibility:hidden; /* Chrome and Safari */
26
- -webkit-transform-style:preserve-3d;
27
- backface-visibility: hidden;
28
- }
29
-
30
- /* 设置内联, 减少浮动带来的bug */
31
- .fn-left,.fn-right{
32
- display:inline;
33
- }
34
- .fn-left{
35
- float:left;
36
- }
37
- .fn-right{
38
- float:right;
39
- }
@@ -1,23 +0,0 @@
1
- @charset "utf-8";
2
- /**
3
- * --------------------------------------------------------------------------
4
- * ++ 按钮基本样式 STYLE
5
- *
6
- * -------------------------------------------------------------------------
7
- */
8
-
9
- .ui-button{
10
- display:inline-block; border:1px solid #D2D2D2; padding:3*$px 4*$px;
11
- color:#333; font-size:14*$font-x;
12
- @include border-radius(2*$px);
13
- }
14
-
15
- .ui-button-mwhite{
16
- display:inline-block; padding:8*$px 20*$px; border:1px #D4D5D6 solid; cursor:pointer;
17
- text-align:center; vertical-align:middle; color:#646464;
18
- @include border-radius(2px);
19
- @include box-sizing(border-box);
20
- @include text-shadow(0 -1px 0 $text-shadow-color);
21
- @include lg(top,$standard-linear-l,$standard-linear-r);
22
- &:active{@include lg(top,$standard-linear-r,$standard-linear-l);}
23
- }
@@ -1,7 +0,0 @@
1
- //** seeui **//
2
-
3
- // Import ---------------------------------------------------
4
-
5
- @import "seeui";
6
-
7
- /* seeui ---------------------------------------------------*/