mui-sass 0.1.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (75) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +12 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +11 -0
  5. data/CHANGELOG.md +5 -0
  6. data/Gemfile +4 -0
  7. data/LICENSE.txt +21 -0
  8. data/README.md +119 -0
  9. data/Rakefile +1 -0
  10. data/bin/console +14 -0
  11. data/bin/setup +7 -0
  12. data/lib/mui-sass.rb +60 -0
  13. data/lib/mui/sass/engine.rb +13 -0
  14. data/lib/mui/sass/version.rb +5 -0
  15. data/mui-sass.gemspec +29 -0
  16. data/templates/project/manifest.rb +2 -0
  17. data/templates/project/styles.sass +1 -0
  18. data/vendor/assets/javascripts/mui.js +1593 -0
  19. data/vendor/assets/stylesheets/_mui.scss +27 -0
  20. data/vendor/assets/stylesheets/bootstrap-3.3.1/.bower.json +59 -0
  21. data/vendor/assets/stylesheets/bootstrap-3.3.1/LICENSE +21 -0
  22. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_alerts.scss +14 -0
  23. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_background-variant.scss +11 -0
  24. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_border-radius.scss +18 -0
  25. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_buttons.scss +52 -0
  26. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_center-block.scss +7 -0
  27. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_clearfix.scss +22 -0
  28. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_forms.scss +88 -0
  29. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_gradients.scss +58 -0
  30. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid-framework.scss +81 -0
  31. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_grid.scss +122 -0
  32. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_hide-text.scss +21 -0
  33. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_image.scss +33 -0
  34. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_labels.scss +12 -0
  35. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_list-group.scss +31 -0
  36. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-divider.scss +10 -0
  37. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_nav-vertical-align.scss +9 -0
  38. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_opacity.scss +8 -0
  39. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_pagination.scss +23 -0
  40. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_panels.scss +24 -0
  41. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_progress-bar.scss +10 -0
  42. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_reset-filter.scss +8 -0
  43. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_resize.scss +6 -0
  44. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_responsive-visibility.scss +21 -0
  45. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_size.scss +10 -0
  46. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_tab-focus.scss +9 -0
  47. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_table-row.scss +28 -0
  48. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-emphasis.scss +11 -0
  49. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_text-overflow.scss +8 -0
  50. data/vendor/assets/stylesheets/bootstrap-3.3.1/assets/stylesheets/bootstrap/mixins/_vendor-prefixes.scss +222 -0
  51. data/vendor/assets/stylesheets/mui/_appbar.scss +72 -0
  52. data/vendor/assets/stylesheets/mui/_buttons.scss +201 -0
  53. data/vendor/assets/stylesheets/mui/_colors.scss +348 -0
  54. data/vendor/assets/stylesheets/mui/_dividers.scss +25 -0
  55. data/vendor/assets/stylesheets/mui/_dropdowns.scss +90 -0
  56. data/vendor/assets/stylesheets/mui/_forms.scss +467 -0
  57. data/vendor/assets/stylesheets/mui/_grid.scss +29 -0
  58. data/vendor/assets/stylesheets/mui/_helpers.scss +284 -0
  59. data/vendor/assets/stylesheets/mui/_layout.scss +21 -0
  60. data/vendor/assets/stylesheets/mui/_mixins.scss +17 -0
  61. data/vendor/assets/stylesheets/mui/_overlay.scss +19 -0
  62. data/vendor/assets/stylesheets/mui/_panel.scss +14 -0
  63. data/vendor/assets/stylesheets/mui/_ripple.scss +55 -0
  64. data/vendor/assets/stylesheets/mui/_scaffolding.scss +110 -0
  65. data/vendor/assets/stylesheets/mui/_semantic-markup.scss +45 -0
  66. data/vendor/assets/stylesheets/mui/_tables.scss +44 -0
  67. data/vendor/assets/stylesheets/mui/_tabs.scss +75 -0
  68. data/vendor/assets/stylesheets/mui/_typography.scss +51 -0
  69. data/vendor/assets/stylesheets/mui/_variables.scss +256 -0
  70. data/vendor/assets/stylesheets/mui/mixins/_buttons.scss +58 -0
  71. data/vendor/assets/stylesheets/mui/mixins/_grid-framework.scss +61 -0
  72. data/vendor/assets/stylesheets/mui/mixins/_typography.scss +132 -0
  73. data/vendor/assets/stylesheets/mui/mixins/_util.scss +4 -0
  74. data/vendor/assets/stylesheets/mui/normalize-3.0.2.scss +427 -0
  75. metadata +173 -0
@@ -0,0 +1,58 @@
1
+ @mixin button-variant($font-color, $bg-color) {
2
+ color: $font-color;
3
+ background-color: $bg-color;
4
+
5
+ &:hover,
6
+ &:focus,
7
+ &:active,
8
+ .mui-open > &.mui-dropdown-toggle {
9
+ color: $font-color;
10
+ background-color: lighten($bg-color, 5%);
11
+ }
12
+
13
+ &[disabled],
14
+ fieldset[disabled] & {
15
+ &,
16
+ &:hover,
17
+ &:focus,
18
+ &:active {
19
+ color: $font-color;
20
+ background-color: $bg-color;
21
+ }
22
+ }
23
+ }
24
+
25
+ @mixin button-flat-variant($font-color, $bg-color-hover) {
26
+ &.mui-btn-flat {
27
+ color: $font-color;
28
+ background-color: transparent;
29
+
30
+ &:hover,
31
+ &:focus,
32
+ &:active,
33
+ .mui-open > &.mui-dropdown-toggle {
34
+ color: $font-color;
35
+ background-color: $bg-color-hover;
36
+ }
37
+
38
+ &[disabled],
39
+ fieldset[disabled] & {
40
+ &,
41
+ &:hover,
42
+ &:focus,
43
+ &:active {
44
+ color: $font-color;
45
+ background-color: transparent;
46
+ }
47
+ }
48
+ }
49
+ }
50
+
51
+ // Button sizes
52
+ @mixin button-size($padding-vertical, $padding-horizontal, $font-size,
53
+ $line-height, $border-radius) {
54
+ padding: ($padding-vertical + 1px) ($padding-horizontal + 1px);
55
+ font-size: $font-size;
56
+ line-height: $line-height;
57
+ border-radius: $border-radius;
58
+ }
@@ -0,0 +1,61 @@
1
+ // Overrides bootstrap functions to add prfx support
2
+
3
+ @mixin make-grid-columns($mui-i: 1, $mui-list: ".mui-col-xs-#{$mui-i}, .mui-col-sm-#{$mui-i}, .mui-col-md-#{$mui-i}, .mui-col-lg-#{$mui-i}") {
4
+ @for $mui-i from (1 + 1) through $mui-grid-columns {
5
+ $mui-list: "#{$mui-list}, .mui-col-xs-#{$mui-i}, .mui-col-sm-#{$mui-i}, .mui-col-md-#{$mui-i}, .mui-col-lg-#{$mui-i}";
6
+ }
7
+ #{$mui-list} {
8
+ // Prevent columns from collapsing when empty
9
+ min-height: 1px;
10
+ // Inner gutter via padding
11
+ padding-left: ($mui-grid-gutter-width / 2);
12
+ padding-right: ($mui-grid-gutter-width / 2);
13
+ }
14
+ }
15
+
16
+ @mixin float-grid-columns($mui-class, $mui-i: 1, $mui-list: ".mui-col-#{$mui-class}-#{$mui-i}") {
17
+ @for $mui-i from (1 + 1) through $mui-grid-columns {
18
+ $mui-list: "#{$mui-list}, .mui-col-#{$mui-class}-#{$mui-i}";
19
+ }
20
+ #{$mui-list} {
21
+ float: left;
22
+ }
23
+ }
24
+
25
+ @mixin calc-grid-column($mui-index, $mui-class, $mui-type) {
26
+ @if ($mui-type == width) and ($mui-index > 0) {
27
+ .mui-col-#{$mui-class}-#{$mui-index} {
28
+ width: percentage(($mui-index / $mui-grid-columns));
29
+ }
30
+ }
31
+ @if ($mui-type == push) and ($mui-index > 0) {
32
+ .mui-col-#{$mui-class}-push-#{$mui-index} {
33
+ left: percentage(($mui-index / $mui-grid-columns));
34
+ }
35
+ }
36
+ @if ($mui-type == push) and ($mui-index == 0) {
37
+ .mui-col-#{$mui-class}-push-0 {
38
+ left: auto;
39
+ }
40
+ }
41
+ @if ($mui-type == pull) and ($mui-index > 0) {
42
+ .mui-col-#{$mui-class}-pull-#{$mui-index} {
43
+ right: percentage(($mui-index / $mui-grid-columns));
44
+ }
45
+ }
46
+ @if ($mui-type == pull) and ($mui-index > 0) {
47
+ .mui-col-#{$mui-class}-pull-#{$mui-index} {
48
+ right: percentage(($mui-index / $mui-grid-columns));
49
+ }
50
+ }
51
+ @if ($mui-type == pull) and ($mui-index == 0) {
52
+ .mui-col-#{$mui-class}-pull-0 {
53
+ right: auto;
54
+ }
55
+ }
56
+ @if ($mui-type == offset) {
57
+ .mui-col-#{$mui-class}-offset-#{$mui-index} {
58
+ margin-left: percentage(($mui-index / $mui-grid-columns));
59
+ }
60
+ }
61
+ }
@@ -0,0 +1,132 @@
1
+ // **************************
2
+ // Typography
3
+ // **************************
4
+ @mixin mui-text($mui-name) {
5
+ $mui-styles: map-get($mui-mui-text-styles, $mui-name);
6
+
7
+ font-weight: map-get($mui-styles, "font-weight");
8
+ font-size: map-get($mui-styles, "font-size");
9
+ line-height: map-get($mui-styles, "line-height");
10
+
11
+ @if $mui-base-font-color == mui-color('white') {
12
+ color: rgba(mui-color('white'), map-get($mui-styles, "alpha-white"));
13
+ } @else {
14
+ color: rgba($mui-base-font-color, map-get($mui-styles, "alpha-black"));
15
+ }
16
+
17
+ @if $mui-name == "button" {
18
+ text-transform: uppercase;
19
+ }
20
+
21
+ &.mui-text-black {
22
+ color: rgba(mui-color('black'), map-get($mui-styles, "alpha-black"));
23
+ }
24
+
25
+ &.mui-text-white {
26
+ color: rgba(mui-color('white'), map-get($mui-styles, "alpha-white"));
27
+ }
28
+
29
+ &.mui-text-accent {
30
+ color: rgba($mui-accent-color, map-get($mui-styles, "alpha-accent"));
31
+ }
32
+ }
33
+
34
+
35
+ $mui-mui-text-styles: (
36
+ "display4": (
37
+ "font-weight": 300,
38
+ "font-size": 112px,
39
+ "alpha-black": 0.54,
40
+ "alpha-white": 0.70,
41
+ "alpha-accent": 0.54,
42
+ "line-height": 112px
43
+ ),
44
+ "display3": (
45
+ "font-weight": 400,
46
+ "font-size": 56px,
47
+ "alpha-black": 0.54,
48
+ "alpha-white": 0.70,
49
+ "alpha-accent": 0.54,
50
+ "line-height": 56px
51
+ ),
52
+ "display2": (
53
+ "font-weight": 400,
54
+ "font-size": 45px,
55
+ "alpha-black": 0.54,
56
+ "alpha-white": 0.70,
57
+ "alpha-accent": 0.54,
58
+ "line-height": 48px
59
+ ),
60
+ "display1": (
61
+ "font-weight": 400,
62
+ "font-size": 34px,
63
+ "alpha-black": 0.54,
64
+ "alpha-white": 0.70,
65
+ "alpha-accent": 0.54,
66
+ "line-height": 40px
67
+ ),
68
+ "headline": (
69
+ "font-weight": 400,
70
+ "font-size": 24px,
71
+ "alpha-black": 0.87,
72
+ "alpha-white": 1.00,
73
+ "alpha-accent": 0.87,
74
+ "line-height": 32px
75
+ ),
76
+ "title": (
77
+ "font-weight": 400,
78
+ "font-size": 20px,
79
+ "alpha-black": 0.87,
80
+ "alpha-white": 1.00,
81
+ "alpha-accent": 0.87,
82
+ "line-height": 28px
83
+ ),
84
+ "subhead": (
85
+ "font-weight": 400,
86
+ "font-size": 16px,
87
+ "alpha-black": 0.87,
88
+ "alpha-white": 1.00,
89
+ "alpha-accent": 0.87,
90
+ "line-height": 24px
91
+ ),
92
+ "body2": (
93
+ "font-weight": 500,
94
+ "font-size": 14px,
95
+ "alpha-black": 0.87,
96
+ "alpha-white": 1.00,
97
+ "alpha-accent": 0.87,
98
+ "line-height": 24px
99
+ ),
100
+ "body1": (
101
+ "font-weight": 400,
102
+ "font-size": 14px,
103
+ "alpha-black": 0.87,
104
+ "alpha-white": 1.00,
105
+ "alpha-accent": 0.87,
106
+ "line-height": 20px
107
+ ),
108
+ "caption": (
109
+ "font-weight": 400,
110
+ "font-size": 12px,
111
+ "alpha-black": 0.54,
112
+ "alpha-white": 0.70,
113
+ "alpha-accent": 0.54,
114
+ "line-height": 16px
115
+ ),
116
+ "menu": (
117
+ "font-weight": 500,
118
+ "font-size": 13px,
119
+ "alpha-black": 0.87,
120
+ "alpha-white": 1.00,
121
+ "alpha-accent": 0.87,
122
+ "line-height": 17px
123
+ ),
124
+ "button": (
125
+ "font-weight": 500,
126
+ "font-size": 14px,
127
+ "alpha-black": 0.87,
128
+ "alpha-white": 1.00,
129
+ "alpha-accent": 0.87,
130
+ "line-height": 18px
131
+ )
132
+ );
@@ -0,0 +1,4 @@
1
+ @mixin mui-node-inserted() {
2
+ animation-duration: 0.0001s;
3
+ animation-name: mui-node-inserted;
4
+ }
@@ -0,0 +1,427 @@
1
+ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */
2
+
3
+ /**
4
+ * 1. Set default font family to sans-serif.
5
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
6
+ * user zoom.
7
+ */
8
+
9
+ html {
10
+ font-family: sans-serif; /* 1 */
11
+ -ms-text-size-adjust: 100%; /* 2 */
12
+ -webkit-text-size-adjust: 100%; /* 2 */
13
+ }
14
+
15
+ /**
16
+ * Remove default margin.
17
+ */
18
+
19
+ body {
20
+ margin: 0;
21
+ }
22
+
23
+ /* HTML5 display definitions
24
+ ========================================================================== */
25
+
26
+ /**
27
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
28
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11
29
+ * and Firefox.
30
+ * Correct `block` display not defined for `main` in IE 11.
31
+ */
32
+
33
+ article,
34
+ aside,
35
+ details,
36
+ figcaption,
37
+ figure,
38
+ footer,
39
+ header,
40
+ hgroup,
41
+ main,
42
+ menu,
43
+ nav,
44
+ section,
45
+ summary {
46
+ display: block;
47
+ }
48
+
49
+ /**
50
+ * 1. Correct `inline-block` display not defined in IE 8/9.
51
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
52
+ */
53
+
54
+ audio,
55
+ canvas,
56
+ progress,
57
+ video {
58
+ display: inline-block; /* 1 */
59
+ vertical-align: baseline; /* 2 */
60
+ }
61
+
62
+ /**
63
+ * Prevent modern browsers from displaying `audio` without controls.
64
+ * Remove excess height in iOS 5 devices.
65
+ */
66
+
67
+ audio:not([controls]) {
68
+ display: none;
69
+ height: 0;
70
+ }
71
+
72
+ /**
73
+ * Address `[hidden]` styling not present in IE 8/9/10.
74
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
75
+ */
76
+
77
+ [hidden],
78
+ template {
79
+ display: none;
80
+ }
81
+
82
+ /* Links
83
+ ========================================================================== */
84
+
85
+ /**
86
+ * Remove the gray background color from active links in IE 10.
87
+ */
88
+
89
+ a {
90
+ background-color: transparent;
91
+ }
92
+
93
+ /**
94
+ * Improve readability when focused and also mouse hovered in all browsers.
95
+ */
96
+
97
+ a:active,
98
+ a:hover {
99
+ outline: 0;
100
+ }
101
+
102
+ /* Text-level semantics
103
+ ========================================================================== */
104
+
105
+ /**
106
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
107
+ */
108
+
109
+ abbr[title] {
110
+ border-bottom: 1px dotted;
111
+ }
112
+
113
+ /**
114
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
115
+ */
116
+
117
+ b,
118
+ strong {
119
+ font-weight: bold;
120
+ }
121
+
122
+ /**
123
+ * Address styling not present in Safari and Chrome.
124
+ */
125
+
126
+ dfn {
127
+ font-style: italic;
128
+ }
129
+
130
+ /**
131
+ * Address variable `h1` font-size and margin within `section` and `article`
132
+ * contexts in Firefox 4+, Safari, and Chrome.
133
+ */
134
+
135
+ h1 {
136
+ font-size: 2em;
137
+ margin: 0.67em 0;
138
+ }
139
+
140
+ /**
141
+ * Address styling not present in IE 8/9.
142
+ */
143
+
144
+ mark {
145
+ background: #ff0;
146
+ color: #000;
147
+ }
148
+
149
+ /**
150
+ * Address inconsistent and variable font size in all browsers.
151
+ */
152
+
153
+ small {
154
+ font-size: 80%;
155
+ }
156
+
157
+ /**
158
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
159
+ */
160
+
161
+ sub,
162
+ sup {
163
+ font-size: 75%;
164
+ line-height: 0;
165
+ position: relative;
166
+ vertical-align: baseline;
167
+ }
168
+
169
+ sup {
170
+ top: -0.5em;
171
+ }
172
+
173
+ sub {
174
+ bottom: -0.25em;
175
+ }
176
+
177
+ /* Embedded content
178
+ ========================================================================== */
179
+
180
+ /**
181
+ * Remove border when inside `a` element in IE 8/9/10.
182
+ */
183
+
184
+ img {
185
+ border: 0;
186
+ }
187
+
188
+ /**
189
+ * Correct overflow not hidden in IE 9/10/11.
190
+ */
191
+
192
+ svg:not(:root) {
193
+ overflow: hidden;
194
+ }
195
+
196
+ /* Grouping content
197
+ ========================================================================== */
198
+
199
+ /**
200
+ * Address margin not present in IE 8/9 and Safari.
201
+ */
202
+
203
+ figure {
204
+ margin: 1em 40px;
205
+ }
206
+
207
+ /**
208
+ * Address differences between Firefox and other browsers.
209
+ */
210
+
211
+ hr {
212
+ -moz-box-sizing: content-box;
213
+ box-sizing: content-box;
214
+ height: 0;
215
+ }
216
+
217
+ /**
218
+ * Contain overflow in all browsers.
219
+ */
220
+
221
+ pre {
222
+ overflow: auto;
223
+ }
224
+
225
+ /**
226
+ * Address odd `em`-unit font size rendering in all browsers.
227
+ */
228
+
229
+ code,
230
+ kbd,
231
+ pre,
232
+ samp {
233
+ font-family: monospace, monospace;
234
+ font-size: 1em;
235
+ }
236
+
237
+ /* Forms
238
+ ========================================================================== */
239
+
240
+ /**
241
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
242
+ * styling of `select`, unless a `border` property is set.
243
+ */
244
+
245
+ /**
246
+ * 1. Correct color not being inherited.
247
+ * Known issue: affects color of disabled elements.
248
+ * 2. Correct font properties not being inherited.
249
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
250
+ */
251
+
252
+ button,
253
+ input,
254
+ optgroup,
255
+ select,
256
+ textarea {
257
+ color: inherit; /* 1 */
258
+ font: inherit; /* 2 */
259
+ margin: 0; /* 3 */
260
+ }
261
+
262
+ /**
263
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
264
+ */
265
+
266
+ button {
267
+ overflow: visible;
268
+ }
269
+
270
+ /**
271
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
272
+ * All other form control elements do not inherit `text-transform` values.
273
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
274
+ * Correct `select` style inheritance in Firefox.
275
+ */
276
+
277
+ button,
278
+ select {
279
+ text-transform: none;
280
+ }
281
+
282
+ /**
283
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
284
+ * and `video` controls.
285
+ * 2. Correct inability to style clickable `input` types in iOS.
286
+ * 3. Improve usability and consistency of cursor style between image-type
287
+ * `input` and others.
288
+ */
289
+
290
+ button,
291
+ html input[type="button"], /* 1 */
292
+ input[type="reset"],
293
+ input[type="submit"] {
294
+ -webkit-appearance: button; /* 2 */
295
+ cursor: pointer; /* 3 */
296
+ }
297
+
298
+ /**
299
+ * Re-set default cursor for disabled elements.
300
+ */
301
+
302
+ button[disabled],
303
+ html input[disabled] {
304
+ cursor: default;
305
+ }
306
+
307
+ /**
308
+ * Remove inner padding and border in Firefox 4+.
309
+ */
310
+
311
+ button::-moz-focus-inner,
312
+ input::-moz-focus-inner {
313
+ border: 0;
314
+ padding: 0;
315
+ }
316
+
317
+ /**
318
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
319
+ * the UA stylesheet.
320
+ */
321
+
322
+ input {
323
+ line-height: normal;
324
+ }
325
+
326
+ /**
327
+ * It's recommended that you don't attempt to style these elements.
328
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
329
+ *
330
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
331
+ * 2. Remove excess padding in IE 8/9/10.
332
+ */
333
+
334
+ input[type="checkbox"],
335
+ input[type="radio"] {
336
+ box-sizing: border-box; /* 1 */
337
+ padding: 0; /* 2 */
338
+ }
339
+
340
+ /**
341
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
342
+ * `font-size` values of the `input`, it causes the cursor style of the
343
+ * decrement button to change from `default` to `text`.
344
+ */
345
+
346
+ input[type="number"]::-webkit-inner-spin-button,
347
+ input[type="number"]::-webkit-outer-spin-button {
348
+ height: auto;
349
+ }
350
+
351
+ /**
352
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
353
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
354
+ * (include `-moz` to future-proof).
355
+ */
356
+
357
+ input[type="search"] {
358
+ -webkit-appearance: textfield; /* 1 */
359
+ -moz-box-sizing: content-box;
360
+ -webkit-box-sizing: content-box; /* 2 */
361
+ box-sizing: content-box;
362
+ }
363
+
364
+ /**
365
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
366
+ * Safari (but not Chrome) clips the cancel button when the search input has
367
+ * padding (and `textfield` appearance).
368
+ */
369
+
370
+ input[type="search"]::-webkit-search-cancel-button,
371
+ input[type="search"]::-webkit-search-decoration {
372
+ -webkit-appearance: none;
373
+ }
374
+
375
+ /**
376
+ * Define consistent border, margin, and padding.
377
+ */
378
+
379
+ fieldset {
380
+ border: 1px solid #c0c0c0;
381
+ margin: 0 2px;
382
+ padding: 0.35em 0.625em 0.75em;
383
+ }
384
+
385
+ /**
386
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
387
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
388
+ */
389
+
390
+ legend {
391
+ border: 0; /* 1 */
392
+ padding: 0; /* 2 */
393
+ }
394
+
395
+ /**
396
+ * Remove default vertical scrollbar in IE 8/9/10/11.
397
+ */
398
+
399
+ textarea {
400
+ overflow: auto;
401
+ }
402
+
403
+ /**
404
+ * Don't inherit the `font-weight` (applied by a rule above).
405
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
406
+ */
407
+
408
+ optgroup {
409
+ font-weight: bold;
410
+ }
411
+
412
+ /* Tables
413
+ ========================================================================== */
414
+
415
+ /**
416
+ * Remove most spacing between table cells.
417
+ */
418
+
419
+ table {
420
+ border-collapse: collapse;
421
+ border-spacing: 0;
422
+ }
423
+
424
+ td,
425
+ th {
426
+ padding: 0;
427
+ }