lookitui 0.1.2.beta → 0.1.4

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,15 +1,4 @@
1
1
  ---
2
- !binary "U0hBMQ==":
3
- metadata.gz: !binary |-
4
- MGNjNDJhMDIzNmZjOGIzOGMwYWY3YWUwMTI0YTNkNzMyM2YwNDQ5Yw==
5
- data.tar.gz: !binary |-
6
- YTJiMmU4NmIyZTBjNWQwMDY0ZDhmYWVmMThiYWQzZWI2ZTlhMzlkMA==
7
- !binary "U0hBNTEy":
8
- metadata.gz: !binary |-
9
- OWYxMGJjNDA2ZjQzM2FiNWE4NDVlN2FmYzI2NTM0MWY3MWVjZDA4YWI4ZTU1
10
- MjNhOGE1YTBlNDVjZDg3ZGEyZTE1N2Q1Y2FkZDEyM2IxOThmZTUwNjZhMTc1
11
- MzgwNzU4YTg3ZGNiZGE0NjQyOGQ3YWQ5NTU1YTU4YmRiNTFiZmY=
12
- data.tar.gz: !binary |-
13
- ZDExY2ZhMzA5OTBmMmQ4ZDk5ZjA2ZjMzMjI1ZGE1NTU3OWUzMjNlYThiZmUy
14
- MjkwNDIyZDk2ZDUzOGE5NTRkNDA1MWNlNzNkYjVhOWU1NGJjZjNmMmM3MjZl
15
- NzM5ZDljYTBkNDY2NTAyNTM4NDY4NTk4OWJkNDZkNWQzMjMyNzY=
2
+ SHA512:
3
+ metadata.gz: c561552dd94500fd107ecd077fb6ddbc874dfaa2c3292fc945506867e8e51d779b826fa1890f6e8aad62a4fa5208c227639c0dd3ee727928f42dee4ba16d56df
4
+ data.tar.gz: 493ecf16d9370c585fd9990e400ebe8dbef440ca37a46430d841306a32a39bebc55db2c5fddfcdfb37e26035e048657823b918b482b741e7edc1f9dcec3d312e
@@ -1,5 +1,5 @@
1
1
  // This is your framework's main stylesheet. Use it to import all default modules.
2
2
  @import "compass/css3";
3
3
  @import "lookitui/vars";
4
- @import "lookitui/base/1.0/base";
4
+ @import "lookitui/reset";
5
5
  @import "lookitui/func";
@@ -74,6 +74,7 @@
74
74
  * 解决css3动画引起页面图片及文字抖动问题
75
75
  */
76
76
  @mixin fn-no-flick{
77
+ -ms-backface-visibility:hidden;
77
78
  -moz-backface-visibility: hidden; /* Firefox */
78
79
  -webkit-backface-visibility:hidden; /* Chrome and Safari */
79
80
  -webkit-transform-style:preserve-3d;
@@ -116,6 +117,14 @@
116
117
  }
117
118
  }
118
119
 
120
+ /**
121
+ * 移动端点击高度的设置
122
+ */
123
+ @mixin fn-highlight($color:rgba(0,0,0,1)){
124
+ -webkit-tap-highlight-color:$color;
125
+ }
126
+
127
+
119
128
  //old mixin
120
129
 
121
130
  /**
@@ -204,31 +213,15 @@
204
213
  * ++ 幻灯片效果基本样式 STYLE
205
214
  * -------------------------------------------------------------------------
206
215
  */
216
+ .ui-slider{position:relative; margin:0 auto; overflow:hidden;}
207
217
 
208
- .ui-slider{
209
- position:relative;
210
- margin:0 auto;
211
- overflow:hidden;
212
- }
218
+ .ui-slider-wrap{position:relative; height:100%; overflow:hidden;}
213
219
 
214
- .ui-slider-wrap{
215
- position:relative;
216
- height:100%;
217
- overflow:hidden;
218
- }
219
-
220
- .ui-slider-pic{
221
- display:-webkit-box;
222
- -webkit-box-align:center;
223
- }
220
+ .ui-slider-pic{display:-webkit-box; -webkit-box-align:center;}
224
221
 
225
- .ui-slider-pic > *{
222
+ .ui-slider-pic > *{}
226
223
 
227
- }
228
-
229
- .ui-slider-handle{
230
- position:absolute;
231
- }
224
+ .ui-slider-handle{position:absolute;}
232
225
 
233
226
  //轮播图片
234
227
  .ui-slider{
@@ -1 +1,29 @@
1
- @import "base/0.1/base.scss";
1
+ @charset "utf-8";
2
+ /*
3
+ * 1rem=20px for 320px(中低端分辨率).
4
+ * 1rem=22.5px for 360px(高端分辨率).
5
+ */
6
+ *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
7
+
8
+ html{font-size:20px; -webkit-text-size-adjust:none;}
9
+ @media all and (min-width:359px){.uc-hack{font-size:22.5px;}}
10
+ @media all and (min-width:359px) and (-webkit-min-device-pixel-ratio:1.5){html{font-size:22.5px;}}
11
+
12
+ body,div,p,form,input,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,table,tbody,tr,td,textarea,img,iframe,figure{
13
+ margin:0; padding:0; list-style:none; vertical-align:middle;
14
+ }
15
+
16
+ body{
17
+ font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,Arial; color:#000;
18
+ //-webkit-user-select:none;
19
+ -webkit-text-size-adjust:none;
20
+ }
21
+
22
+ img{border:0; -webkit-touch-callout:none;}
23
+
24
+ a,*[onclick]{-webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none; color:#000;}
25
+
26
+ a:active,a:hover{outline:none;}
27
+
28
+ /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
29
+ h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:500;}
metadata CHANGED
@@ -1,27 +1,27 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: lookitui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.1.2.beta
4
+ version: 0.1.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Hankewins
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2013-04-13 00:00:00.000000000 Z
11
+ date: 2013-07-01 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: compass
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - ! '>='
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
19
  version: '0.11'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - ! '>='
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
26
  version: '0.11'
27
27
  description: a mobile library lookit UI implementation for compass
@@ -32,37 +32,12 @@ extra_rdoc_files: []
32
32
  files:
33
33
  - README.mkdn
34
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
49
- - stylesheets/lookitui/_button.scss
50
- - stylesheets/lookitui/_form.scss
35
+ - stylesheets/_lookitui.scss
51
36
  - stylesheets/lookitui/_func.scss
52
- - stylesheets/lookitui/_gotop.scss
53
- - stylesheets/lookitui/_list.scss
54
- - stylesheets/lookitui/_loading.scss
55
37
  - stylesheets/lookitui/_reset.scss
56
- - stylesheets/lookitui/_tab.scss
57
- - stylesheets/lookitui/_toolbar.scss
58
- - stylesheets/lookitui/_ui-refresh.scss
59
- - stylesheets/lookitui/_ui-slider.scss
60
- - stylesheets/lookitui/_ui-toolbar.scss
61
38
  - stylesheets/lookitui/_vars.scss
62
- - stylesheets/_lookitui.scss
63
- - stylesheets/_toolbar.scss
64
- - templates/project/manifest.rb
65
39
  - templates/project/_lookitui.scss
40
+ - templates/project/manifest.rb
66
41
  homepage: http://www.hankewins.com/
67
42
  licenses: []
68
43
  metadata: {}
@@ -72,17 +47,17 @@ require_paths:
72
47
  - lib
73
48
  required_ruby_version: !ruby/object:Gem::Requirement
74
49
  requirements:
75
- - - ! '>='
50
+ - - ">="
76
51
  - !ruby/object:Gem::Version
77
52
  version: '0'
78
53
  required_rubygems_version: !ruby/object:Gem::Requirement
79
54
  requirements:
80
- - - ! '>'
55
+ - - ">="
81
56
  - !ruby/object:Gem::Version
82
- version: 1.3.1
57
+ version: '0'
83
58
  requirements: []
84
59
  rubyforge_project:
85
- rubygems_version: 2.0.3
60
+ rubygems_version: 2.4.2
86
61
  signing_key:
87
62
  specification_version: 4
88
63
  summary: a mobile library lookit UI implementation for compass
@@ -1 +0,0 @@
1
- @import "toolbar/0.1/toolbar.scss";
@@ -1,11 +0,0 @@
1
- @import "lookitui/vars";
2
- @import "lookitui/reset";
3
- @import "lookitui/func";
4
- @import "lookitui/ui-refresh";
5
- @import "lookitui/form";
6
- @import "lookitui/box";
7
- @import "lookitui/button";
8
- @import "lookitui/list";
9
- @import "lookitui/loading";
10
- @import "lookitui/toolbar";
11
- @import "lookitui/gotop";
@@ -1 +0,0 @@
1
- @import "lookitui/box/0.1/box";
@@ -1 +0,0 @@
1
- @import "button/0.1/button.scss";
@@ -1 +0,0 @@
1
- @import "form/0.1/form.scss";
@@ -1 +0,0 @@
1
- @import "gotop/0.1/gotop.scss";
@@ -1 +0,0 @@
1
- @import "list/0.1/list.scss";
@@ -1 +0,0 @@
1
- @import "lookitui/loading/0.1/loading";
@@ -1 +0,0 @@
1
- @import "tab/0.1/tab.scss";
@@ -1 +0,0 @@
1
- @import "toolbar/0.1/toolbar.scss";
@@ -1,13 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * --------------------------------------------------------------------------
4
- * ++ 加载更多系列效果基本样式 STYLE
5
- * -------------------------------------------------------------------------
6
- */
7
-
8
- .ui-refresh{
9
- .ui-refresh-up, .ui-refresh-down{
10
- padding:15px; background:#DEDEDE; text-shadow:0 1px 1px #FFF; text-align:center;
11
- }
12
- }
13
-
@@ -1,83 +0,0 @@
1
- @charset "UTF-8";
2
- /**
3
- * --------------------------------------------------------------------------
4
- * ++ 幻灯片效果基本样式 STYLE
5
- * -------------------------------------------------------------------------
6
- */
7
-
8
- .ui-slider{
9
- position:relative;
10
- margin:0 auto;
11
- overflow:hidden;
12
- }
13
-
14
- .ui-slider-wrap{
15
- position:relative;
16
- height:100%;
17
- overflow:hidden;
18
- }
19
-
20
- .ui-slider-pic{
21
- display:-webkit-box;
22
- -webkit-box-align:center;
23
- }
24
-
25
- .ui-slider-pic > *{
26
-
27
- }
28
-
29
- .ui-slider-handle{
30
- position:absolute;
31
- }
32
-
33
- //轮播图片
34
- .ui-slider{
35
- .ui-slider-wrap{width:320*$px; @extend .com-media-width; margin:0 auto; position:relative; overflow:hidden;}
36
- .ui-slider-content{width:100%; height:100%; position:relative; overflow:hidden;}
37
- .ui-slider-pic{
38
- display:-webkit-box; -webkit-box-align:center; -webkit-box-pack:center;
39
- li{
40
- width:320px; @extend .com-media-width; overflow:hidden; position:relative;
41
- img{width:320px; @extend .com-media-width; height:auto;}
42
- }
43
- }
44
-
45
- .ui-slider-handle{
46
- position:absolute; left:0; bottom:0; width:100%; height:3px; overflow:hidden;
47
- background:rgba(51,51,51,0.5); display:-webkit-box;
48
- span{display:block; -webkit-box-flex:1; height:100%;}
49
- span.on{background:#FF7E00;}
50
- }
51
- }
52
-
53
- //media query conponent
54
- @media all and (min-width:359px){.com-media-width{width:360px;}}
55
-
56
- /* <div class="module">
57
- <div class="ui-slider showpic" id="J_full_slider" data-ajaxUrl="../api/data.json">
58
- <!--<div class="ui-slider-wrap">
59
- <div class="ui-slider-content">
60
- <ul class="ui-slider-pic">
61
- <li>
62
- <a href="###"><img src="<?php echo $appPic;?>/news-slide-01.jpg" ></a>
63
- <a href="###"><span>习近平欢迎阿巴斯到访</span></a>
64
- </li>
65
- <li>
66
- <a href="###"><img src="<?php echo $appPic;?>/news-slide-01.jpg" ></a>
67
- <a href="###"><span>习近平欢迎阿巴斯到访</span></a>
68
- </li>
69
- <li>
70
- <a href="###"><img src="<?php echo $appPic;?>/news-slide-01.jpg" ></a>
71
- <a href="###"><span>习近平欢迎阿巴斯到访</span></a>
72
- </li>
73
- </ul>
74
- </div>
75
- <div class="ui-slider-handle">
76
- <?php for($i = 0; $i < 3; $i++): ?>
77
- <span class="<?php if($i == 0) echo 'on';?>"></span>
78
- <?php endfor; ?>
79
- </div>
80
- </div>-->
81
- </div>
82
- </div> */
83
-
@@ -1,65 +0,0 @@
1
- /**
2
- * --------------------------------------------------------------------------
3
- * ++ toolbar基本控制样式 STYLE
4
- * -------------------------------------------------------------------------
5
- */
6
- @mixin ui-top-panel($height:40px, $background:#dedede){
7
- .ui-toolbar {
8
- width:100%;
9
- z-index: 999
10
- }
11
-
12
- .ui-toolbar-wrap {
13
- height:$height; background:$background;
14
- position: relative;
15
- }
16
-
17
- .ui-toolbar-placeholder {
18
- margin: 0;
19
- padding: 0;
20
- border: 0;
21
- overflow: visible;
22
- position: relative;
23
- }
24
-
25
- .ui-toolbar-title {
26
- height: 100%;
27
- }
28
-
29
- .ui-toolbar-backbtn {
30
- display: block;
31
- position: relative;
32
- float: left;
33
- cursor: pointer;
34
- -webkit-box-sizing:border-box;
35
- box-sizing:border-box;
36
- -webkit-user-select: none;
37
- user-select: none;
38
- }
39
-
40
- .ui-toolbar-left, .ui-toolbar-right {
41
- position: absolute;
42
- top:0;
43
- height: 100%;
44
- }
45
-
46
- .ui-toolbar-left {
47
- left: 0;
48
- }
49
- .ui-toolbar-right {
50
- top:0;
51
- right:0;
52
- }
53
- .ui-toolbar-left > * {
54
- display: inline-block;
55
- float: left;
56
- margin-right:5px;
57
- text-align: center;
58
- }
59
- .ui-toolbar-right > * {
60
- display: inline-block;
61
- float: right;
62
- margin-right:10px;
63
- text-align: center;
64
- }
65
- }
@@ -1,29 +0,0 @@
1
- @charset "utf-8";
2
- /*
3
- * 1rem=20px for 320px(中低端分辨率).
4
- * 1rem=22.5px for 360px(高端分辨率).
5
- */
6
- *{-webkit-tap-highlight-color:rgba(0,0,0,0);}
7
-
8
- html{font-size:20px; -webkit-text-size-adjust:none;}
9
- @media all and (min-width:359px){.uc-hack{font-size:22.5px;}}
10
- @media all and (min-width:359px) and (-webkit-min-device-pixel-ratio:1.5){html{font-size:22.5px;}}
11
-
12
- body,div,p,form,input,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd,table,tbody,tr,td,textarea,img,iframe,figure{
13
- margin:0; padding:0; list-style:none; vertical-align:middle;
14
- }
15
-
16
- body{
17
- font:14px/1.5 "\5FAE\8F6F\96C5\9ED1",Helvetica,Arial; color:#000;
18
- -webkit-user-select:none;
19
- -webkit-text-size-adjust:none;
20
- }
21
-
22
- img{border:0; -webkit-touch-callout:none;}
23
-
24
- a,*[onclick]{-webkit-tap-highlight-color:rgba(0,0,0,0); text-decoration:none; color:#000;}
25
-
26
- a:active,a:hover{outline:none;}
27
-
28
- /* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
29
- h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:500;}
@@ -1,397 +0,0 @@
1
- //Address http://nicolasgallagher.com/about-normalize-css/
2
- /*! normalize.css v2.1.2 | MIT License | git.io/normalize */
3
-
4
- /* ==========================================================================
5
- HTML5 display definitions
6
- ========================================================================== */
7
-
8
- /**
9
- * Correct `block` display not defined in IE 8/9.
10
- */
11
-
12
- article,
13
- aside,
14
- details,
15
- figcaption,
16
- figure,
17
- footer,
18
- header,
19
- hgroup,
20
- main,
21
- nav,
22
- section,
23
- summary {
24
- display: block;
25
- }
26
-
27
- /**
28
- * Correct `inline-block` display not defined in IE 8/9.
29
- */
30
-
31
- audio,
32
- canvas,
33
- video {
34
- display: inline-block;
35
- }
36
-
37
- /**
38
- * Prevent modern browsers from displaying `audio` without controls.
39
- * Remove excess height in iOS 5 devices.
40
- */
41
-
42
- audio:not([controls]) {
43
- display: none;
44
- height: 0;
45
- }
46
-
47
- /**
48
- * Address styling not present in IE 8/9.
49
- */
50
-
51
- [hidden] {
52
- display: none;
53
- }
54
-
55
- /* ==========================================================================
56
- Base
57
- ========================================================================== */
58
-
59
- /**
60
- * 1. Set default font family to sans-serif.
61
- * 2. Prevent iOS text size adjust after orientation change, without disabling
62
- * user zoom.
63
- */
64
-
65
- html {
66
- font-family: sans-serif; /* 1 */
67
- -ms-text-size-adjust: 100%; /* 2 */
68
- -webkit-text-size-adjust: 100%; /* 2 */
69
- }
70
-
71
- /**
72
- * Remove default margin.
73
- */
74
-
75
- body {
76
- margin: 0;
77
- }
78
-
79
- /* ==========================================================================
80
- Links
81
- ========================================================================== */
82
-
83
- /**
84
- * Address `outline` inconsistency between Chrome and other browsers.
85
- */
86
-
87
- a:focus {
88
- outline: thin dotted;
89
- }
90
-
91
- /**
92
- * Improve readability when focused and also mouse hovered in all browsers.
93
- */
94
-
95
- a:active,
96
- a:hover {
97
- outline: 0;
98
- }
99
-
100
- /* ==========================================================================
101
- Typography
102
- ========================================================================== */
103
-
104
- /**
105
- * Address variable `h1` font-size and margin within `section` and `article`
106
- * contexts in Firefox 4+, Safari 5, and Chrome.
107
- */
108
-
109
- h1 {
110
- font-size: 2em;
111
- margin: 0.67em 0;
112
- }
113
-
114
- /**
115
- * Address styling not present in IE 8/9, Safari 5, and Chrome.
116
- */
117
-
118
- abbr[title] {
119
- border-bottom: 1px dotted;
120
- }
121
-
122
- /**
123
- * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
124
- */
125
-
126
- b,
127
- strong {
128
- font-weight: bold;
129
- }
130
-
131
- /**
132
- * Address styling not present in Safari 5 and Chrome.
133
- */
134
-
135
- dfn {
136
- font-style: italic;
137
- }
138
-
139
- /**
140
- * Address differences between Firefox and other browsers.
141
- */
142
-
143
- hr {
144
- -moz-box-sizing: content-box;
145
- box-sizing: content-box;
146
- height: 0;
147
- }
148
-
149
- /**
150
- * Address styling not present in IE 8/9.
151
- */
152
-
153
- mark {
154
- background: #ff0;
155
- color: #000;
156
- }
157
-
158
- /**
159
- * Correct font family set oddly in Safari 5 and Chrome.
160
- */
161
-
162
- code,
163
- kbd,
164
- pre,
165
- samp {
166
- font-family: monospace, serif;
167
- font-size: 1em;
168
- }
169
-
170
- /**
171
- * Improve readability of pre-formatted text in all browsers.
172
- */
173
-
174
- pre {
175
- white-space: pre-wrap;
176
- }
177
-
178
- /**
179
- * Set consistent quote types.
180
- */
181
-
182
- q {
183
- quotes: "\201C" "\201D" "\2018" "\2019";
184
- }
185
-
186
- /**
187
- * Address inconsistent and variable font size in all browsers.
188
- */
189
-
190
- small {
191
- font-size: 80%;
192
- }
193
-
194
- /**
195
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
196
- */
197
-
198
- sub,
199
- sup {
200
- font-size: 75%;
201
- line-height: 0;
202
- position: relative;
203
- vertical-align: baseline;
204
- }
205
-
206
- sup {
207
- top: -0.5em;
208
- }
209
-
210
- sub {
211
- bottom: -0.25em;
212
- }
213
-
214
- /* ==========================================================================
215
- Embedded content
216
- ========================================================================== */
217
-
218
- /**
219
- * Remove border when inside `a` element in IE 8/9.
220
- */
221
-
222
- img {
223
- border: 0;
224
- }
225
-
226
- /**
227
- * Correct overflow displayed oddly in IE 9.
228
- */
229
-
230
- svg:not(:root) {
231
- overflow: hidden;
232
- }
233
-
234
- /* ==========================================================================
235
- Figures
236
- ========================================================================== */
237
-
238
- /**
239
- * Address margin not present in IE 8/9 and Safari 5.
240
- */
241
-
242
- figure {
243
- margin: 0;
244
- }
245
-
246
- /* ==========================================================================
247
- Forms
248
- ========================================================================== */
249
-
250
- /**
251
- * Define consistent border, margin, and padding.
252
- */
253
-
254
- fieldset {
255
- border: 1px solid #c0c0c0;
256
- margin: 0 2px;
257
- padding: 0.35em 0.625em 0.75em;
258
- }
259
-
260
- /**
261
- * 1. Correct `color` not being inherited in IE 8/9.
262
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
263
- */
264
-
265
- legend {
266
- border: 0; /* 1 */
267
- padding: 0; /* 2 */
268
- }
269
-
270
- /**
271
- * 1. Correct font family not being inherited in all browsers.
272
- * 2. Correct font size not being inherited in all browsers.
273
- * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
274
- */
275
-
276
- button,
277
- input,
278
- select,
279
- textarea {
280
- font-family: inherit; /* 1 */
281
- font-size: 100%; /* 2 */
282
- margin: 0; /* 3 */
283
- }
284
-
285
- /**
286
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
287
- * the UA stylesheet.
288
- */
289
-
290
- button,
291
- input {
292
- line-height: normal;
293
- }
294
-
295
- /**
296
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
297
- * All other form control elements do not inherit `text-transform` values.
298
- * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
299
- * Correct `select` style inheritance in Firefox 4+ and Opera.
300
- */
301
-
302
- button,
303
- select {
304
- text-transform: none;
305
- }
306
-
307
- /**
308
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
309
- * and `video` controls.
310
- * 2. Correct inability to style clickable `input` types in iOS.
311
- * 3. Improve usability and consistency of cursor style between image-type
312
- * `input` and others.
313
- */
314
-
315
- button,
316
- html input[type="button"], /* 1 */
317
- input[type="reset"],
318
- input[type="submit"] {
319
- -webkit-appearance: button; /* 2 */
320
- cursor: pointer; /* 3 */
321
- }
322
-
323
- /**
324
- * Re-set default cursor for disabled elements.
325
- */
326
-
327
- button[disabled],
328
- html input[disabled] {
329
- cursor: default;
330
- }
331
-
332
- /**
333
- * 1. Address box sizing set to `content-box` in IE 8/9.
334
- * 2. Remove excess padding in IE 8/9.
335
- */
336
-
337
- input[type="checkbox"],
338
- input[type="radio"] {
339
- box-sizing: border-box; /* 1 */
340
- padding: 0; /* 2 */
341
- }
342
-
343
- /**
344
- * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
345
- * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
346
- * (include `-moz` to future-proof).
347
- */
348
-
349
- input[type="search"] {
350
- -webkit-appearance: textfield; /* 1 */
351
- -moz-box-sizing: content-box;
352
- -webkit-box-sizing: content-box; /* 2 */
353
- box-sizing: content-box;
354
- }
355
-
356
- /**
357
- * Remove inner padding and search cancel button in Safari 5 and Chrome
358
- * on OS X.
359
- */
360
-
361
- input[type="search"]::-webkit-search-cancel-button,
362
- input[type="search"]::-webkit-search-decoration {
363
- -webkit-appearance: none;
364
- }
365
-
366
- /**
367
- * Remove inner padding and border in Firefox 4+.
368
- */
369
-
370
- button::-moz-focus-inner,
371
- input::-moz-focus-inner {
372
- border: 0;
373
- padding: 0;
374
- }
375
-
376
- /**
377
- * 1. Remove default vertical scrollbar in IE 8/9.
378
- * 2. Improve readability and alignment in all browsers.
379
- */
380
-
381
- textarea {
382
- overflow: auto; /* 1 */
383
- vertical-align: top; /* 2 */
384
- }
385
-
386
- /* ==========================================================================
387
- Tables
388
- ========================================================================== */
389
-
390
- /**
391
- * Remove most spacing between table cells.
392
- */
393
-
394
- table {
395
- border-collapse: collapse;
396
- border-spacing: 0;
397
- }