bootstrap-sass 2.1.1.0 → 2.2.1.0
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.
Potentially problematic release.
This version of bootstrap-sass might be problematic. Click here for more details.
- data/README.md +7 -5
- data/lib/bootstrap-sass/compass_functions.rb +9 -5
- data/vendor/assets/javascripts/bootstrap-affix.js +4 -2
- data/vendor/assets/javascripts/bootstrap-alert.js +2 -4
- data/vendor/assets/javascripts/bootstrap-button.js +5 -7
- data/vendor/assets/javascripts/bootstrap-carousel.js +12 -12
- data/vendor/assets/javascripts/bootstrap-collapse.js +9 -11
- data/vendor/assets/javascripts/bootstrap-dropdown.js +9 -11
- data/vendor/assets/javascripts/bootstrap-modal.js +20 -25
- data/vendor/assets/javascripts/bootstrap-popover.js +1 -1
- data/vendor/assets/javascripts/bootstrap-scrollspy.js +1 -1
- data/vendor/assets/javascripts/bootstrap-tab.js +5 -7
- data/vendor/assets/javascripts/bootstrap-tooltip.js +12 -11
- data/vendor/assets/javascripts/bootstrap-transition.js +5 -5
- data/vendor/assets/javascripts/bootstrap-typeahead.js +19 -9
- data/vendor/assets/stylesheets/bootstrap-responsive.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap.scss +1 -0
- data/vendor/assets/stylesheets/bootstrap/_accordion.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_alerts.scss +2 -2
- data/vendor/assets/stylesheets/bootstrap/_breadcrumbs.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_button-groups.scss +5 -8
- data/vendor/assets/stylesheets/bootstrap/_buttons.scss +18 -17
- data/vendor/assets/stylesheets/bootstrap/_carousel.scss +4 -4
- data/vendor/assets/stylesheets/bootstrap/_close.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_code.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_component-animations.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_dropdowns.scss +34 -7
- data/vendor/assets/stylesheets/bootstrap/_forms.scss +50 -18
- data/vendor/assets/stylesheets/bootstrap/_grid.scss +2 -1
- data/vendor/assets/stylesheets/bootstrap/_hero-unit.scss +7 -6
- data/vendor/assets/stylesheets/bootstrap/_labels-badges.scss +15 -14
- data/vendor/assets/stylesheets/bootstrap/_layouts.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_media.scss +55 -0
- data/vendor/assets/stylesheets/bootstrap/_mixins.scss +99 -62
- data/vendor/assets/stylesheets/bootstrap/_modals.scss +12 -15
- data/vendor/assets/stylesheets/bootstrap/_navbar.scss +11 -11
- data/vendor/assets/stylesheets/bootstrap/_navs.scss +5 -4
- data/vendor/assets/stylesheets/bootstrap/_pager.scss +11 -10
- data/vendor/assets/stylesheets/bootstrap/_pagination.scss +70 -13
- data/vendor/assets/stylesheets/bootstrap/_popovers.scss +4 -4
- data/vendor/assets/stylesheets/bootstrap/_progress-bars.scss +5 -5
- data/vendor/assets/stylesheets/bootstrap/_reset.scss +8 -6
- data/vendor/assets/stylesheets/bootstrap/_responsive-1200px-min.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_responsive-767px-max.scss +20 -1
- data/vendor/assets/stylesheets/bootstrap/_responsive-768px-979px.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_responsive-navbar.scss +13 -5
- data/vendor/assets/stylesheets/bootstrap/_responsive-utilities.scss +16 -1
- data/vendor/assets/stylesheets/bootstrap/_scaffolding.scss +1 -1
- data/vendor/assets/stylesheets/bootstrap/_sprites.scss +5 -5
- data/vendor/assets/stylesheets/bootstrap/_tables.scss +11 -11
- data/vendor/assets/stylesheets/bootstrap/_thumbnails.scss +4 -4
- data/vendor/assets/stylesheets/bootstrap/_tooltip.scss +3 -3
- data/vendor/assets/stylesheets/bootstrap/_type.scss +32 -26
- data/vendor/assets/stylesheets/bootstrap/_utilities.scss +16 -1
- data/vendor/assets/stylesheets/bootstrap/_variables.scss +28 -6
- data/vendor/assets/stylesheets/bootstrap/_wells.scss +5 -5
- data/vendor/assets/stylesheets/bootstrap/bootstrap.scss +63 -0
- data/vendor/assets/stylesheets/bootstrap/responsive.scss +48 -0
- metadata +25 -6
- data/vendor/assets/stylesheets/_bootstrap-responsive.scss +0 -42
- data/vendor/assets/stylesheets/_bootstrap.scss +0 -62
@@ -2,16 +2,6 @@
|
|
2
2
|
// Modals
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
|
-
|
6
|
-
// Recalculate z-index where appropriate,
|
7
|
-
// but only apply to elements within modal
|
8
|
-
.modal-open modal {
|
9
|
-
.dropdown-menu { z-index: $zindexDropdown + $zindexModal; }
|
10
|
-
.dropdown.open { *z-index: $zindexDropdown + $zindexModal; }
|
11
|
-
.popover { z-index: $zindexPopover + $zindexModal; }
|
12
|
-
.tooltip { z-index: $zindexTooltip + $zindexModal; }
|
13
|
-
}
|
14
|
-
|
15
5
|
// Background
|
16
6
|
.modal-backdrop {
|
17
7
|
position: fixed;
|
@@ -27,7 +17,7 @@
|
|
27
17
|
|
28
18
|
.modal-backdrop,
|
29
19
|
.modal-backdrop.fade.in {
|
30
|
-
@include opacity(
|
20
|
+
@include opacity(80);
|
31
21
|
}
|
32
22
|
|
33
23
|
// Base modal
|
@@ -44,10 +34,13 @@
|
|
44
34
|
border: 1px solid rgba(0,0,0,.3);
|
45
35
|
*border: 1px solid #999; /* IE6-7 */
|
46
36
|
@include border-radius(6px);
|
47
|
-
@include box-shadow(
|
37
|
+
@include box-shadow(0 3px 7px rgba(0,0,0,0.3));
|
48
38
|
@include background-clip(padding-box);
|
39
|
+
// Remove focus outline from opened modal
|
40
|
+
outline: none;
|
41
|
+
|
49
42
|
&.fade {
|
50
|
-
@include transition(
|
43
|
+
@include transition(opacity .3s linear, top .3s ease-out);
|
51
44
|
top: -25%;
|
52
45
|
}
|
53
46
|
&.fade.in { top: 50%; }
|
@@ -83,7 +76,7 @@
|
|
83
76
|
background-color: #f5f5f5;
|
84
77
|
border-top: 1px solid #ddd;
|
85
78
|
@include border-radius(0 0 6px 6px);
|
86
|
-
@include box-shadow(
|
79
|
+
@include box-shadow(inset 0 1px 0 $white);
|
87
80
|
@include clearfix(); // clear it in case folks use .pull-* classes on buttons
|
88
81
|
|
89
82
|
// Properly space out buttons
|
@@ -95,4 +88,8 @@
|
|
95
88
|
.btn-group .btn + .btn {
|
96
89
|
margin-left: -1px;
|
97
90
|
}
|
98
|
-
|
91
|
+
// and override it for block buttons as well
|
92
|
+
.btn-block + .btn-block {
|
93
|
+
margin-left: 0;
|
94
|
+
}
|
95
|
+
}
|
@@ -25,8 +25,8 @@
|
|
25
25
|
padding-right: 20px;
|
26
26
|
@include gradient-vertical($navbarBackgroundHighlight, $navbarBackground);
|
27
27
|
border: 1px solid $navbarBorder;
|
28
|
-
@include border-radius(
|
29
|
-
@include box-shadow(
|
28
|
+
@include border-radius($baseBorderRadius);
|
29
|
+
@include box-shadow(0 1px 4px rgba(0,0,0,.065));
|
30
30
|
|
31
31
|
// Prevent floats from breaking the navbar
|
32
32
|
@include clearfix();
|
@@ -41,6 +41,7 @@
|
|
41
41
|
// Override the default collapsed state
|
42
42
|
.nav-collapse.collapse {
|
43
43
|
height: auto;
|
44
|
+
overflow: visible;
|
44
45
|
}
|
45
46
|
|
46
47
|
|
@@ -152,7 +153,6 @@
|
|
152
153
|
|
153
154
|
.navbar-static-top {
|
154
155
|
position: static;
|
155
|
-
width: 100%;
|
156
156
|
margin-bottom: 0; // remove 18px margin for default navbar
|
157
157
|
.navbar-inner {
|
158
158
|
@include border-radius(0);
|
@@ -202,7 +202,7 @@
|
|
202
202
|
.navbar-fixed-top,
|
203
203
|
.navbar-static-top {
|
204
204
|
.navbar-inner {
|
205
|
-
@include box-shadow(
|
205
|
+
@include box-shadow(0 1px 10px rgba(0,0,0,.1));
|
206
206
|
}
|
207
207
|
}
|
208
208
|
|
@@ -210,7 +210,7 @@
|
|
210
210
|
.navbar-fixed-bottom {
|
211
211
|
bottom: 0;
|
212
212
|
.navbar-inner {
|
213
|
-
@include box-shadow(
|
213
|
+
@include box-shadow(0 -1px 10px rgba(0,0,0,.1));
|
214
214
|
}
|
215
215
|
}
|
216
216
|
|
@@ -262,7 +262,7 @@
|
|
262
262
|
color: $navbarLinkColorActive;
|
263
263
|
text-decoration: none;
|
264
264
|
background-color: $navbarLinkBackgroundActive;
|
265
|
-
@include box-shadow(
|
265
|
+
@include box-shadow(inset 0 3px 8px rgba(0,0,0,.125));
|
266
266
|
}
|
267
267
|
|
268
268
|
// Navbar button for toggling navbar items in responsive layouts
|
@@ -273,8 +273,8 @@
|
|
273
273
|
padding: 7px 10px;
|
274
274
|
margin-left: 5px;
|
275
275
|
margin-right: 5px;
|
276
|
-
@include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5%));
|
277
|
-
@include box-shadow(
|
276
|
+
@include buttonBackground(darken($navbarBackgroundHighlight, 5%), darken($navbarBackground, 5.25%));
|
277
|
+
@include box-shadow(inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075));
|
278
278
|
}
|
279
279
|
.navbar .btn-navbar .icon-bar {
|
280
280
|
display: block;
|
@@ -282,7 +282,7 @@
|
|
282
282
|
height: 2px;
|
283
283
|
background-color: #f5f5f5;
|
284
284
|
@include border-radius(1px);
|
285
|
-
@include box-shadow(
|
285
|
+
@include box-shadow(0 1px 0 rgba(0,0,0,.25));
|
286
286
|
}
|
287
287
|
.btn-navbar .icon-bar + .icon-bar {
|
288
288
|
margin-top: 3px;
|
@@ -446,7 +446,7 @@
|
|
446
446
|
color: $white;
|
447
447
|
background-color: $navbarInverseSearchBackground;
|
448
448
|
border-color: $navbarInverseSearchBorder;
|
449
|
-
@include box-shadow(
|
449
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15));
|
450
450
|
@include transition(none);
|
451
451
|
@include placeholder($navbarInverseSearchPlaceholderColor);
|
452
452
|
|
@@ -458,7 +458,7 @@
|
|
458
458
|
text-shadow: 0 1px 0 $white;
|
459
459
|
background-color: $navbarInverseSearchBackgroundFocus;
|
460
460
|
border: 0;
|
461
|
-
@include box-shadow(
|
461
|
+
@include box-shadow(0 0 3px rgba(0,0,0,.15));
|
462
462
|
outline: 0;
|
463
463
|
}
|
464
464
|
}
|
@@ -67,7 +67,8 @@
|
|
67
67
|
text-shadow: 0 -1px 0 rgba(0,0,0,.2);
|
68
68
|
background-color: $linkColor;
|
69
69
|
}
|
70
|
-
.nav-list [class^="icon-"]
|
70
|
+
.nav-list [class^="icon-"],
|
71
|
+
.nav-list [class*=" icon-"] {
|
71
72
|
margin-right: 2px;
|
72
73
|
}
|
73
74
|
// Dividers (basically an hr) within the dropdown
|
@@ -123,7 +124,7 @@
|
|
123
124
|
.nav-tabs > .active > a,
|
124
125
|
.nav-tabs > .active > a:hover {
|
125
126
|
color: $gray;
|
126
|
-
background-color: $
|
127
|
+
background-color: $bodyBackground;
|
127
128
|
border: 1px solid #ddd;
|
128
129
|
border-bottom-color: transparent;
|
129
130
|
cursor: default;
|
@@ -249,7 +250,7 @@
|
|
249
250
|
.nav li.dropdown.open a:hover .caret {
|
250
251
|
border-top-color: $white;
|
251
252
|
border-bottom-color: $white;
|
252
|
-
@include opacity(
|
253
|
+
@include opacity(100);
|
253
254
|
}
|
254
255
|
|
255
256
|
// Dropdowns in stacked tabs
|
@@ -381,4 +382,4 @@
|
|
381
382
|
text-decoration: none;
|
382
383
|
background-color: transparent;
|
383
384
|
cursor: default;
|
384
|
-
}
|
385
|
+
}
|
@@ -12,29 +12,30 @@
|
|
12
12
|
.pager li {
|
13
13
|
display: inline;
|
14
14
|
}
|
15
|
-
.pager a,
|
16
|
-
.pager span {
|
15
|
+
.pager li > a,
|
16
|
+
.pager li > span {
|
17
17
|
display: inline-block;
|
18
18
|
padding: 5px 14px;
|
19
19
|
background-color: #fff;
|
20
20
|
border: 1px solid #ddd;
|
21
21
|
@include border-radius(15px);
|
22
22
|
}
|
23
|
-
.pager a:hover {
|
23
|
+
.pager li > a:hover {
|
24
24
|
text-decoration: none;
|
25
25
|
background-color: #f5f5f5;
|
26
26
|
}
|
27
|
-
.pager .next a,
|
28
|
-
.pager .next span {
|
27
|
+
.pager .next > a,
|
28
|
+
.pager .next > span {
|
29
29
|
float: right;
|
30
30
|
}
|
31
|
-
.pager .previous a
|
31
|
+
.pager .previous > a,
|
32
|
+
.pager .previous > span {
|
32
33
|
float: left;
|
33
34
|
}
|
34
|
-
.pager .disabled a,
|
35
|
-
.pager .disabled a:hover,
|
36
|
-
.pager .disabled span {
|
35
|
+
.pager .disabled > a,
|
36
|
+
.pager .disabled > a:hover,
|
37
|
+
.pager .disabled > span {
|
37
38
|
color: $grayLight;
|
38
39
|
background-color: #fff;
|
39
40
|
cursor: default;
|
40
|
-
}
|
41
|
+
}
|
@@ -2,27 +2,30 @@
|
|
2
2
|
// Pagination (multiple pages)
|
3
3
|
// --------------------------------------------------
|
4
4
|
|
5
|
-
|
5
|
+
// Space out pagination from surrounding content
|
6
6
|
.pagination {
|
7
|
-
height: $baseLineHeight * 2;
|
8
7
|
margin: $baseLineHeight 0;
|
9
|
-
|
8
|
+
}
|
9
|
+
|
10
10
|
.pagination ul {
|
11
|
+
// Allow for text-based alignment
|
11
12
|
display: inline-block;
|
12
13
|
@include ie7-inline-block();
|
14
|
+
// Reset default ul styles
|
13
15
|
margin-left: 0;
|
14
16
|
margin-bottom: 0;
|
15
|
-
|
16
|
-
@include
|
17
|
+
// Visuals
|
18
|
+
@include border-radius($baseBorderRadius);
|
19
|
+
@include box-shadow(0 1px 2px rgba(0,0,0,.05));
|
17
20
|
}
|
18
21
|
.pagination ul > li {
|
19
|
-
display: inline;
|
22
|
+
display: inline; // Remove list-style and block-level defaults
|
20
23
|
}
|
21
24
|
.pagination ul > li > a,
|
22
25
|
.pagination ul > li > span {
|
23
|
-
float: left;
|
24
|
-
padding:
|
25
|
-
line-height:
|
26
|
+
float: left; // Collapse white-space
|
27
|
+
padding: 4px 12px;
|
28
|
+
line-height: $baseLineHeight;
|
26
29
|
text-decoration: none;
|
27
30
|
background-color: $paginationBackground;
|
28
31
|
border: 1px solid $paginationBorder;
|
@@ -31,7 +34,7 @@
|
|
31
34
|
.pagination ul > li > a:hover,
|
32
35
|
.pagination ul > .active > a,
|
33
36
|
.pagination ul > .active > span {
|
34
|
-
background-color:
|
37
|
+
background-color: $paginationActiveBackground;
|
35
38
|
}
|
36
39
|
.pagination ul > .active > a,
|
37
40
|
.pagination ul > .active > span {
|
@@ -48,17 +51,71 @@
|
|
48
51
|
.pagination ul > li:first-child > a,
|
49
52
|
.pagination ul > li:first-child > span {
|
50
53
|
border-left-width: 1px;
|
51
|
-
@include border-radius(
|
54
|
+
@include border-left-radius($baseBorderRadius);
|
52
55
|
}
|
53
56
|
.pagination ul > li:last-child > a,
|
54
57
|
.pagination ul > li:last-child > span {
|
55
|
-
@include border-radius(
|
58
|
+
@include border-right-radius($baseBorderRadius);
|
56
59
|
}
|
57
60
|
|
58
|
-
|
61
|
+
|
62
|
+
// Alignment
|
63
|
+
// --------------------------------------------------
|
64
|
+
|
59
65
|
.pagination-centered {
|
60
66
|
text-align: center;
|
61
67
|
}
|
62
68
|
.pagination-right {
|
63
69
|
text-align: right;
|
64
70
|
}
|
71
|
+
|
72
|
+
|
73
|
+
// Sizing
|
74
|
+
// --------------------------------------------------
|
75
|
+
|
76
|
+
// Large
|
77
|
+
.pagination-large {
|
78
|
+
ul > li > a,
|
79
|
+
ul > li > span {
|
80
|
+
padding: $paddingLarge;
|
81
|
+
font-size: $fontSizeLarge;
|
82
|
+
}
|
83
|
+
ul > li:first-child > a,
|
84
|
+
ul > li:first-child > span {
|
85
|
+
@include border-left-radius($borderRadiusLarge);
|
86
|
+
}
|
87
|
+
ul > li:last-child > a,
|
88
|
+
ul > li:last-child > span {
|
89
|
+
@include border-right-radius($borderRadiusLarge);
|
90
|
+
}
|
91
|
+
}
|
92
|
+
|
93
|
+
// Small and mini
|
94
|
+
.pagination-mini,
|
95
|
+
.pagination-small {
|
96
|
+
ul > li:first-child > a,
|
97
|
+
ul > li:first-child > span {
|
98
|
+
@include border-left-radius($borderRadiusSmall);
|
99
|
+
}
|
100
|
+
ul > li:last-child > a,
|
101
|
+
ul > li:last-child > span {
|
102
|
+
@include border-right-radius($borderRadiusSmall);
|
103
|
+
}
|
104
|
+
}
|
105
|
+
|
106
|
+
// Small
|
107
|
+
.pagination-small {
|
108
|
+
ul > li > a,
|
109
|
+
ul > li > span {
|
110
|
+
padding: $paddingSmall;
|
111
|
+
font-size: $fontSizeSmall;
|
112
|
+
}
|
113
|
+
}
|
114
|
+
// Mini
|
115
|
+
.pagination-mini {
|
116
|
+
ul > li > a,
|
117
|
+
ul > li > span {
|
118
|
+
padding: $paddingMini;
|
119
|
+
font-size: $fontSizeMini;
|
120
|
+
}
|
121
|
+
}
|
@@ -18,13 +18,13 @@
|
|
18
18
|
border: 1px solid #ccc;
|
19
19
|
border: 1px solid rgba(0,0,0,.2);
|
20
20
|
@include border-radius(6px);
|
21
|
-
@include box-shadow(
|
21
|
+
@include box-shadow(0 5px 10px rgba(0,0,0,.2));
|
22
22
|
|
23
23
|
// Offset the popover to account for the popover arrow
|
24
|
-
&.top { margin-
|
24
|
+
&.top { margin-top: -10px; }
|
25
25
|
&.right { margin-left: 10px; }
|
26
26
|
&.bottom { margin-top: 10px; }
|
27
|
-
&.left { margin-
|
27
|
+
&.left { margin-left: -10px; }
|
28
28
|
|
29
29
|
}
|
30
30
|
|
@@ -114,4 +114,4 @@
|
|
114
114
|
right: -1px;
|
115
115
|
}
|
116
116
|
}
|
117
|
-
}
|
117
|
+
}
|
@@ -47,8 +47,8 @@
|
|
47
47
|
height: $baseLineHeight;
|
48
48
|
margin-bottom: $baseLineHeight;
|
49
49
|
@include gradient-vertical(#f5f5f5, #f9f9f9);
|
50
|
-
@include box-shadow(
|
51
|
-
@include border-radius(
|
50
|
+
@include box-shadow(inset 0 1px 2px rgba(0,0,0,.1));
|
51
|
+
@include border-radius($baseBorderRadius);
|
52
52
|
}
|
53
53
|
|
54
54
|
// Bar of progress
|
@@ -61,12 +61,12 @@
|
|
61
61
|
text-align: center;
|
62
62
|
text-shadow: 0 -1px 0 rgba(0,0,0,.25);
|
63
63
|
@include gradient-vertical(#149bdf, #0480be);
|
64
|
-
@include box-shadow(
|
64
|
+
@include box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));
|
65
65
|
@include box-sizing(border-box);
|
66
66
|
@include transition(width .6s ease);
|
67
67
|
}
|
68
68
|
.progress .bar + .bar {
|
69
|
-
@include box-shadow(
|
69
|
+
@include box-shadow(inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15));
|
70
70
|
}
|
71
71
|
|
72
72
|
// Striped bars
|
@@ -119,4 +119,4 @@
|
|
119
119
|
}
|
120
120
|
.progress-warning.progress-striped .bar, .progress-striped .bar-warning {
|
121
121
|
@include gradient-striped(lighten($orange, 15%));
|
122
|
-
}
|
122
|
+
}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
//
|
2
|
-
//
|
2
|
+
// Reset
|
3
3
|
// Adapted from http://github.com/necolas/normalize.css
|
4
4
|
// --------------------------------------------------
|
5
5
|
|
@@ -81,13 +81,15 @@ img {
|
|
81
81
|
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
82
82
|
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
83
83
|
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
84
|
+
|
84
85
|
vertical-align: middle;
|
85
86
|
border: 0;
|
86
87
|
-ms-interpolation-mode: bicubic;
|
87
88
|
}
|
88
89
|
|
89
90
|
// Prevent max-width from affecting Google Maps
|
90
|
-
#map_canvas img
|
91
|
+
#map_canvas img,
|
92
|
+
.google-maps img {
|
91
93
|
max-width: none;
|
92
94
|
}
|
93
95
|
|
@@ -114,11 +116,11 @@ input::-moz-focus-inner { // Inner padding and border oddities in FF3/4
|
|
114
116
|
border: 0;
|
115
117
|
}
|
116
118
|
button,
|
117
|
-
input[type="button"],
|
119
|
+
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
118
120
|
input[type="reset"],
|
119
121
|
input[type="submit"] {
|
120
|
-
|
121
|
-
|
122
|
+
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
123
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
122
124
|
}
|
123
125
|
input[type="search"] { // Appearance in Safari/Chrome
|
124
126
|
-webkit-box-sizing: content-box;
|
@@ -133,4 +135,4 @@ input[type="search"]::-webkit-search-cancel-button {
|
|
133
135
|
textarea {
|
134
136
|
overflow: auto; // Remove vertical scrollbar in IE6-9
|
135
137
|
vertical-align: top; // Readability and alignment cross-browser
|
136
|
-
}
|
138
|
+
}
|