kickstart_rails 3.0.39 → 3.0.40

Sign up to get free protection for your applications and to get access to all the features.
Files changed (74) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/kickstart_rails/app.coffee +17 -0
  3. data/app/assets/javascripts/kickstart_rails/buffer.coffee +32 -0
  4. data/app/assets/javascripts/kickstart_rails/buttons.coffee +8 -0
  5. data/app/assets/javascripts/kickstart_rails/debouncer.coffee +14 -0
  6. data/app/assets/javascripts/kickstart_rails/docs.coffee +179 -0
  7. data/app/assets/javascripts/kickstart_rails/dropdown.coffee +40 -0
  8. data/app/assets/javascripts/kickstart_rails/growl.coffee +56 -0
  9. data/app/assets/javascripts/kickstart_rails/ks.coffee +16 -0
  10. data/app/assets/javascripts/kickstart_rails/modal.coffee +29 -0
  11. data/app/assets/javascripts/kickstart_rails/navbar-fixer.coffee +9 -0
  12. data/app/assets/javascripts/kickstart_rails/navbar.coffee +36 -0
  13. data/app/assets/javascripts/kickstart_rails/status.coffee +30 -0
  14. data/app/assets/javascripts/kickstart_rails/tabs.coffee +32 -0
  15. data/app/assets/javascripts/kickstart_rails/tests.coffee +10 -0
  16. data/app/assets/javascripts/kickstart_rails/throttler.coffee +7 -0
  17. data/app/assets/stylesheets/core/_animations.sass +8 -0
  18. data/app/assets/stylesheets/core/_base.sass +16 -0
  19. data/app/assets/stylesheets/core/_base_components.sass +15 -0
  20. data/app/assets/stylesheets/core/_dependent_components.sass +12 -0
  21. data/app/assets/stylesheets/core/_direct-apply.sass +337 -0
  22. data/app/assets/stylesheets/core/_grid.sass +142 -0
  23. data/app/assets/stylesheets/core/_icons.sass +3 -0
  24. data/app/assets/stylesheets/core/_index.sass +7 -0
  25. data/app/assets/stylesheets/core/_mixins.sass +22 -0
  26. data/app/assets/stylesheets/core/_normalize.sass +339 -0
  27. data/app/assets/stylesheets/core/_root-element.sass +17 -0
  28. data/app/assets/stylesheets/core/_typography.sass +180 -0
  29. data/app/assets/stylesheets/core/components/_alerts.sass +23 -0
  30. data/app/assets/stylesheets/core/components/_buttons.sass +159 -0
  31. data/app/assets/stylesheets/core/components/_dropdown_menu.sass +69 -0
  32. data/app/assets/stylesheets/core/components/_forms.sass +106 -0
  33. data/app/assets/stylesheets/core/components/_growls.sass +2 -0
  34. data/app/assets/stylesheets/core/components/_hr.sass +5 -0
  35. data/app/assets/stylesheets/core/components/_images.sass +40 -0
  36. data/app/assets/stylesheets/core/components/_labels.sass +15 -0
  37. data/app/assets/stylesheets/core/components/_modals.sass +73 -0
  38. data/app/assets/stylesheets/core/components/_navbar.sass +270 -0
  39. data/app/assets/stylesheets/core/components/_notifications.sass +20 -0
  40. data/app/assets/stylesheets/core/components/_pagination.sass +11 -0
  41. data/app/assets/stylesheets/core/components/_progress.sass +12 -0
  42. data/app/assets/stylesheets/core/components/_tables.sass +70 -0
  43. data/app/assets/stylesheets/core/components/_tabs.sass +37 -0
  44. data/app/assets/stylesheets/core/components/_tooltips.sass +26 -0
  45. data/app/assets/stylesheets/docs.sass +99 -0
  46. data/app/assets/stylesheets/fullpage.sass +7 -0
  47. data/app/assets/stylesheets/kickstart-semantic.sass +10 -0
  48. data/app/assets/stylesheets/kickstart.sass +344 -0
  49. data/app/assets/stylesheets/pages/docs/form.sass +0 -0
  50. data/app/assets/stylesheets/pages/docs/grid.sass +73 -0
  51. data/app/assets/stylesheets/pages/docs/index.sass +217 -0
  52. data/app/assets/stylesheets/pages/docs/ui/alerts.sass +5 -0
  53. data/app/assets/stylesheets/pages/docs/ui/buttons.sass +52 -0
  54. data/app/assets/stylesheets/pages/docs/ui/forms.sass +31 -0
  55. data/app/assets/stylesheets/pages/docs/ui/images.sass +7 -0
  56. data/app/assets/stylesheets/pages/docs/ui/labels.sass +10 -0
  57. data/app/assets/stylesheets/pages/docs/ui/modals.sass +18 -0
  58. data/app/assets/stylesheets/pages/docs/ui/navigation.sass +14 -0
  59. data/app/assets/stylesheets/pages/docs/ui/notifications.sass +17 -0
  60. data/app/assets/stylesheets/pages/docs/ui/tables.sass +13 -0
  61. data/app/assets/stylesheets/pages/docs/ui/tabs.sass +7 -0
  62. data/app/assets/stylesheets/pages/docs/ui/tooltips.sass +7 -0
  63. data/app/assets/stylesheets/pages/docs/ui/typography.sass +56 -0
  64. data/app/assets/stylesheets/pages/index.sass +105 -0
  65. data/app/assets/stylesheets/themes/default/theme.sass +264 -0
  66. data/app/assets/stylesheets/vendor/_index.sass +10 -0
  67. data/app/assets/stylesheets/vendor/switch/README.md +34 -0
  68. data/app/assets/stylesheets/vendor/switch/example.sass +14 -0
  69. data/app/assets/stylesheets/vendor/switch/gulpfile.js +16 -0
  70. data/app/assets/stylesheets/vendor/switch/index.html +18 -0
  71. data/app/assets/stylesheets/vendor/switch/package.json +24 -0
  72. data/app/assets/stylesheets/vendor/switch/switch.sass +53 -0
  73. data/lib/kickstart_rails/version.rb +1 -1
  74. metadata +72 -1
@@ -0,0 +1,142 @@
1
+ // Still playing with this
2
+ $mobile: (
3
+ default: 360px,
4
+ large: 480px,
5
+ larger: 600px,
6
+ largest: 768px
7
+ )
8
+
9
+ //
10
+ $display: (
11
+ smallest: 960px,
12
+ smaller: 1024px,
13
+ small: 1200px,
14
+ default: 1400px
15
+ )
16
+
17
+ $phone: 360px
18
+ $phablet: 480px
19
+ $tablet: 768px
20
+ $tablet-landscape: 960px
21
+ $desktop: 1024px
22
+ $large-monitor: 1200px
23
+ $xl-monitor: 1400px
24
+ $xxl-monitor: 1800px
25
+
26
+ $grid-columns: 12
27
+ $grid-gutter: 15px
28
+
29
+ // Grid breakpoints
30
+ // ----------------
31
+ // Critical breakpoints where offsets and alternative grid styles will
32
+ // be displayed
33
+
34
+ $showOffsets: $tablet-landscape // Offsets render at this breakpoint
35
+ $showColumns: $phablet // Allow < 12 columns
36
+ $showPartialColumns: $tablet // Simpler alternative to actual columns
37
+ $showFullColumns: $desktop // Actual user-defined column measurement
38
+
39
+ =container-default($fluid: false)
40
+ margin: 0px auto
41
+
42
+ @if $fluid == false
43
+ max-width: $tablet
44
+ padding:
45
+ left: $space
46
+ right: $space
47
+
48
+ @if $fluid == false
49
+ @media screen and (min-width: $showOffsets)
50
+ max-width: $desktop
51
+
52
+ @media screen and (min-width: $xxl-monitor)
53
+ max-width: $large-monitor
54
+
55
+ =row
56
+ display: flex
57
+ width: 100%
58
+ justify-content: space-between
59
+ align-items: stretch
60
+ flex-wrap: wrap
61
+
62
+ =measure-columns($columns, $prop)
63
+ // TODO: DRY this somehow?
64
+ @if $prop == "width"
65
+ width: calc(#{percentage($columns/$grid-columns)} - #{(($grid-columns/$columns - 1) * $grid-gutter)/($grid-columns/$columns)})
66
+
67
+ @else if $prop == "margin-left"
68
+ margin-left: calc(#{percentage($columns/$grid-columns)} - #{(($grid-columns/$columns - 1) * $grid-gutter)/($grid-columns/$columns) - $grid-gutter})
69
+
70
+ @else if $prop == "margin-right"
71
+ margin-right: calc(#{percentage($columns/$grid-columns)} - #{(($grid-columns/$columns - 1) * $grid-gutter)/($grid-columns/$columns) - $grid-gutter})
72
+
73
+ =set-offset($columns, $side: "margin-right")
74
+ // Never show leftes and rights on mobile
75
+ // +measure-columns(0, $side)
76
+
77
+ // Look for keywords
78
+ @if $columns == "half"
79
+ @media screen and (min-width: $showPartialColumns)
80
+ +measure-columns(6, $side)
81
+
82
+ @else if $columns == "third"
83
+ @media screen and (min-width: $showPartialColumns)
84
+ +measure-columns(6, $side)
85
+
86
+ @media screen and (min-width: $showFullColumns)
87
+ +measure-columns(4, $side)
88
+
89
+ @else if $columns == "twothirds"
90
+ @media screen and (min-width: $showPartialColumns)
91
+ +measure-columns(6, $side)
92
+
93
+ @media screen and (min-width: $showFullColumns)
94
+ +measure-columns(8, $side)
95
+
96
+ @else
97
+ @media screen and (min-width: $showPartialColumns)
98
+ +measure-columns($columns, $side)
99
+
100
+ // Convenience mixins
101
+ =right($columns)
102
+ +set-offset($columns, "margin-right")
103
+ =left($columns)
104
+ +set-offset($columns, "margin-left")
105
+
106
+ =set-column($columns, $right, $left)
107
+ +measure-columns($columns, "width")
108
+ clear: none
109
+ display: block
110
+ // margin-left: 0
111
+
112
+ @if $right != 0
113
+ +set-offset($right, "margin-right")
114
+
115
+ @if $left != 0
116
+ +set-offset($left, "margin-left")
117
+
118
+ =column($columns: 12, $right: 0, $left: 0)
119
+ // Everything is a full width column on mobile by default
120
+ +set-column(12, 0, 0)
121
+
122
+ // Look for keywords
123
+ @if $columns == "half"
124
+ @media screen and (min-width: $showPartialColumns)
125
+ +set-column($grid-columns/2, $right, $left)
126
+
127
+ @else if $columns == "third"
128
+ @media screen and (min-width: $showPartialColumns)
129
+ +set-column($grid-columns/2, $right, $left)
130
+ @media screen and (min-width: $showFullColumns)
131
+ +set-column($grid-columns/3, $right, $left)
132
+
133
+ @else if $columns == "twothirds"
134
+ @media screen and (min-width: $showPartialColumns)
135
+ +set-column($grid-columns/2, $right, $left)
136
+ @media screen and (min-width: $showFullColumns)
137
+ +set-column(($grid-columns * 2/3), $right, $left)
138
+
139
+ @else
140
+ // No keywords found, pass in values.
141
+ @media screen and (min-width: $showColumns)
142
+ +set-column($columns, $right, $left)
@@ -0,0 +1,3 @@
1
+ @font-face
2
+ font-family: 'Kickstart'
3
+ src: url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAhAABEAAAAADGQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABgAAAABwAAAAcbMG9U0dERUYAAAGcAAAAHQAAACAAQgAET1MvMgAAAbwAAABBAAAAYGl6iNpjbWFwAAACAAAAAGwAAAF6U3dB6mN2dCAAAAJsAAAABgAAAAYFEQBEZnBnbQAAAnQAAAGxAAACZVO0L6dnYXNwAAAEKAAAAAgAAAAIAAAAEGdseWYAAAQwAAAA5wAAASQqOzxvaGVhZAAABRgAAAAxAAAANgcNT75oaGVhAAAFTAAAAB8AAAAkDXIHUGhtdHgAAAVsAAAAPQAAAFQ4ZP91bG9jYQAABawAAAATAAAALASoBPBtYXhwAAAFwAAAACAAAAAgATMATG5hbWUAAAXgAAABsQAAA4wvhnuncG9zdAAAB5QAAAByAAAA0sfVf25wcmVwAAAICAAAAC4AAAAusPIrFHdlYmYAAAg4AAAABgAAAAZRxFQtAAAAAQAAAADMPaLPAAAAANAxGEAAAAAA0FMCQ3jaY2BkYGDgA2IJBhBgYmAEQhEgZgHzGAAFJgBHAAAAeNpjYGa6xDiBgZWBhdWY5SwDA8MsCM10liGN8Q0DHhAQGRTM4MCgoPqHLe1fGgMDm/X/30BhRiQlCgyMAKRhDTwAAAB42mNgYGBmgGAZBkYGECgB8hjBfBaGCCAtxCAAFGFiUGDQZrBlWKDApaCvEK/65/9/oBxMjAEm9v/x/5v/T/xPe8B+//H9LbckoGaiAUY2BrgEIxOQYEJXAHESFLBgGMDKMIgAG1m6AFgnF+QAAABEBREAAHjaXVG7TltBEN0NDwOBxNggOdoUs5mQxnuhBQnE1Y1iZDuF5QhpN3KRi3EBH0CBRA3arxmgoaRImwYhF0h8Qj4hEjNriKI0Ozuzc86ZM0vKkap36WvPU+ckkMLdBs02/U5ItbMA96Tr642MtIMHWmxm9Mp1+/4LBpvRlDtqAOU9bykPGU07gVq0p/7R/AqG+/wf8zsYtDTT9NQ6CekhBOabcUuD7xnNussP+oLV4WIwMKSYpuIuP6ZS/rc052rLsLWR0byDMxH5yTRAU2ttBJr+1CHV83EUS5DLprE2mJiy/iQTwYXJdFVTtcz42sFdsrPoYIMqzYEH2MNWeQweDg8mFNK3JMosDRH2YqvECBGTHAo55dzJ/qRA+UgSxrxJSjvjhrUGxpHXwKA2T7P/PJtNbW8dwvhZHMF3vxlLOvjIhtoYEWI7YimACURCRlX5hhrPvSwG5FL7z0CUgOXxj3+dCLTu2EQ8l7V1DjFWCHp+29zyy4q7VrnOi0J3b6pqqNIpzftezr7HA54eC8NBY8Gbz/v+SoH6PCyuNGgOBEN6N3r/orXqiKu8Fz6yJ9O/sVoAAAAAAQAB//8AD3jaZY6xSsRAEIb/mexuoqdoUPGuM6AIyt3eZUtT5hXuDSzkKrsrfQUr8R0EmeQ9traxVhtrQS57ZgVBdIaf+fkY/hkwaoAv9RwJUkwagq3aVNF72Rj9XLUJ9xZNErGOuE0Nr6qWInd5kZ8UeVHzUTim+3Cl558PtfIAaO3ozmyqBTSQFKYP9+bJdcvHbqAWZ93LLV/3azDrgHHG5uL7/gA72MMhphBYUU60Fyols7LlZNvLRim7VvadHHjJS5KhbUZ0junstP8kNv2ZnKmP1X+NaRReo3hJw/AWxTc/DoRfNcMXDKpM2gB42mNgZGBgAGLu0C8v4vltvjLIczCAwIVgJmcY/d+YgYGDic0ayOVgYAKJAgAIlwhcAAAAeNpjYGRgYLNmYGVg4GD4b/zflIOJASiCAkQBQTkC1gB42mN6w+DCAARMq4AYSLPa/zfmYPj/D8RmlmVgYLNG0EzCDAyMfUDMCcEMx4G0PZCOgNAgORYgFwDTiQkKAAAAeNpjYGDQgUIHhi68cBIArJQJmQAAAQAAABUAGAAGAAAAAAACAAEAAgAWAAABAAAwAAAAAHjahVI7TsNAEH12wicNiigoqPYCmISfBGlASJGAABHmIzps56uEGBInERQcgYqSigNwCgpo6bgGJ+DteEkiCwlZ3nk7M2++C2AOr0jBSmcAPPCPsYUsbzG26fNocAobeDY4DYVPg6dwhG+Dp6GsbYNn8GJdGTyLfds2OANllwzOYt5uG/yOBfs37wdy9lOMv1JYtN+wixA3uEMXTdTRQMQKVpBDHmtEO6jQ7qNK7NKrR3sV15QKe+ggoLVLvj49sVXgCK/NT01E7cmtSlmlHBjPM8aI6BPRW2tOeNbR582jV54eOfkKKOOSVpcoyVlKsJJ2lbCfSwU9eoT0VIksLjU56d8xssD6Q0YLxH8wYjhY5+b+q6Ysek/6jidQk/yKjFDOhlj+2oPmBBI9rrQmcx5zaqKPRKPnX5Hd6Kwt6vQ+Ionns5pxlI5002RkvQ1nNFmFoomnK/d5LxHH+1zmf2gyKAyl38YEoyQM/Vo8VqBwQH1AD0+yDSXbPbVatuQV6SojXDCeP9FHPNlTMvu8HUv3Sl6k3somtohWeeY5+/E7LY74Lm7JbDK2nnT7B8+1jU0AAAB42m3FOw6CQBQF0HtBwS+oCb1LeIyOn5KQsBTQxBgaC1evgbl2nuYgwujTocU/BcCIMWJk2HPCKROmnHHOBZdccc2MOTfccpd0j3d/K0MufT3vZpUNO7PfpXb6oI/a65M+64u+6irsmrAP+6b+At0WJ3AAALgB/4WwAY0AS7AIUFixAQGOWbFGBitYIbAQWUuwFFJYIbCAWR2wBitcWFmwFCsAAAABVC1RwwAA) format('opentype')
@@ -0,0 +1,7 @@
1
+ @import _base
2
+ @import _icons
3
+ @import _mixins
4
+ @import _animations
5
+ @import _grid
6
+ @import _typography
7
+ @import _root-element
@@ -0,0 +1,22 @@
1
+ =text-inputs
2
+ input[type="date"],
3
+ input[type="datetime"],
4
+ input[type="datetime-local"],
5
+ input[type="email"],
6
+ input[type="month"],
7
+ input[type="number"],
8
+ input[type="password"],
9
+ input[type="tel"],
10
+ input[type="search"],
11
+ input[type="text"],
12
+ input[type="time"],
13
+ input[type="url"],
14
+ input[type="week"]
15
+ @content
16
+
17
+ =fadeInDown
18
+ animation-duration: 0.25s
19
+ animation-timing-function: ease
20
+ animation-fill-mode: both
21
+ animation-name: fadeInDown
22
+
@@ -0,0 +1,339 @@
1
+ /*! normalize.css v3.0.1 | 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
+ html
9
+ font-family: sans-serif
10
+ /* 1
11
+ -ms-text-size-adjust: 100%
12
+ /* 2
13
+ -webkit-text-size-adjust: 100%
14
+ /* 2
15
+
16
+ /**
17
+ * Remove default margin.
18
+
19
+ body
20
+ margin: 0
21
+
22
+ /* HTML5 display definitions
23
+ * ==========================================================================
24
+
25
+ /**
26
+ * Correct `block` display not defined for any HTML5 element in IE 8/9.
27
+ * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
28
+ * Correct `block` display not defined for `main` in IE 11.
29
+
30
+ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary
31
+ display: block
32
+
33
+ /**
34
+ * 1. Correct `inline-block` display not defined in IE 8/9.
35
+ * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
36
+
37
+ audio, canvas, progress, video
38
+ display: inline-block
39
+ /* 1
40
+ vertical-align: baseline
41
+ /* 2
42
+
43
+ /**
44
+ * Prevent modern browsers from displaying `audio` without controls.
45
+ * Remove excess height in iOS 5 devices.
46
+
47
+ audio:not([controls])
48
+ display: none
49
+ height: 0
50
+
51
+ /**
52
+ * Address `[hidden]` styling not present in IE 8/9/10.
53
+ * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
54
+
55
+ [hidden], template
56
+ display: none
57
+
58
+ /* Links
59
+ * ==========================================================================
60
+
61
+ /**
62
+ * Remove the gray background color from active links in IE 10.
63
+
64
+ a
65
+ background: transparent
66
+ &:active, &:hover
67
+ outline: 0
68
+
69
+ /**
70
+ * Improve readability when focused and also mouse hovered in all browsers.
71
+
72
+ /* Text-level semantics
73
+ * ==========================================================================
74
+
75
+ /**
76
+ * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
77
+
78
+ abbr[title]
79
+ border-bottom: 1px dotted
80
+
81
+ /**
82
+ * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
83
+
84
+ b, strong
85
+ font-weight: bold
86
+
87
+ /**
88
+ * Address styling not present in Safari and Chrome.
89
+
90
+ dfn
91
+ font-style: italic
92
+
93
+ /**
94
+ * Address variable `h1` font-size and margin within `section` and `article`
95
+ * contexts in Firefox 4+, Safari, and Chrome.
96
+
97
+ h1
98
+ font-size: 2em
99
+ margin: 0.67em 0
100
+
101
+ /**
102
+ * Address styling not present in IE 8/9.
103
+
104
+ mark
105
+ background: #ff0
106
+ color: #000
107
+
108
+ /**
109
+ * Address inconsistent and variable font size in all browsers.
110
+
111
+ small
112
+ font-size: 80%
113
+
114
+ /**
115
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
116
+
117
+ sub
118
+ font-size: 75%
119
+ line-height: 0
120
+ position: relative
121
+ vertical-align: baseline
122
+
123
+ sup
124
+ font-size: 75%
125
+ line-height: 0
126
+ position: relative
127
+ vertical-align: baseline
128
+ top: -0.5em
129
+
130
+ sub
131
+ bottom: -0.25em
132
+
133
+ /* Embedded content
134
+ * ==========================================================================
135
+
136
+ /**
137
+ * Remove border when inside `a` element in IE 8/9/10.
138
+
139
+ img
140
+ border: 0
141
+
142
+ /**
143
+ * Correct overflow not hidden in IE 9/10/11.
144
+
145
+ svg:not(:root)
146
+ overflow: hidden
147
+
148
+ /* Grouping content
149
+ * ==========================================================================
150
+
151
+ /**
152
+ * Address margin not present in IE 8/9 and Safari.
153
+
154
+ figure
155
+ margin: 1em 40px
156
+
157
+ /**
158
+ * Address differences between Firefox and other browsers.
159
+
160
+ hr
161
+ -moz-box-sizing: content-box
162
+ box-sizing: content-box
163
+ height: 0
164
+
165
+ /**
166
+ * Contain overflow in all browsers.
167
+
168
+ pre
169
+ overflow: auto
170
+
171
+ /**
172
+ * Address odd `em`-unit font size rendering in all browsers.
173
+
174
+ code, kbd, pre, samp
175
+ font-family: monospace, monospace
176
+ font-size: 1em
177
+
178
+ /* Forms
179
+ * ==========================================================================
180
+
181
+ /**
182
+ * Known limitation: by default, Chrome and Safari on OS X allow very limited
183
+ * styling of `select`, unless a `border` property is set.
184
+
185
+ /**
186
+ * 1. Correct color not being inherited.
187
+ * Known issue: affects color of disabled elements.
188
+ * 2. Correct font properties not being inherited.
189
+ * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
190
+
191
+ button, input, optgroup, select, textarea
192
+ color: inherit
193
+ /* 1
194
+ font: inherit
195
+ /* 2
196
+ margin: 0
197
+ /* 3
198
+
199
+ /**
200
+ * Address `overflow` set to `hidden` in IE 8/9/10/11.
201
+
202
+ button
203
+ overflow: visible
204
+ text-transform: none
205
+
206
+ /**
207
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
208
+ * All other form control elements do not inherit `text-transform` values.
209
+ * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
210
+ * Correct `select` style inheritance in Firefox.
211
+
212
+ select
213
+ text-transform: none
214
+
215
+ /**
216
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
217
+ * and `video` controls.
218
+ * 2. Correct inability to style clickable `input` types in iOS.
219
+ * 3. Improve usability and consistency of cursor style between image-type
220
+ * `input` and others.
221
+
222
+ button, html input[type="button"]
223
+ -webkit-appearance: button
224
+ /* 2
225
+ cursor: pointer
226
+ /* 3
227
+
228
+ input
229
+ &[type="reset"], &[type="submit"]
230
+ -webkit-appearance: button
231
+ /* 2
232
+ cursor: pointer
233
+ /* 3
234
+
235
+ /**
236
+ * Re-set default cursor for disabled elements.
237
+
238
+ button[disabled], html input[disabled]
239
+ cursor: default
240
+
241
+ /**
242
+ * Remove inner padding and border in Firefox 4+.
243
+
244
+ button::-moz-focus-inner
245
+ border: 0
246
+ padding: 0
247
+
248
+ input
249
+ &::-moz-focus-inner
250
+ border: 0
251
+ padding: 0
252
+ line-height: normal
253
+ &[type="checkbox"], &[type="radio"]
254
+ box-sizing: border-box
255
+ /* 1
256
+ padding: 0
257
+ /* 2
258
+ &[type="number"]
259
+ &::-webkit-inner-spin-button, &::-webkit-outer-spin-button
260
+ height: auto
261
+ &[type="search"]
262
+ -webkit-appearance: textfield
263
+ /* 1
264
+ -moz-box-sizing: content-box
265
+ -webkit-box-sizing: content-box
266
+ /* 2
267
+ box-sizing: content-box
268
+ &::-webkit-search-cancel-button, &::-webkit-search-decoration
269
+ -webkit-appearance: none
270
+
271
+ /**
272
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
273
+ * the UA stylesheet.
274
+
275
+ /**
276
+ * It's recommended that you don't attempt to style these elements.
277
+ * Firefox's implementation doesn't respect box-sizing, padding, or width.
278
+ *
279
+ * 1. Address box sizing set to `content-box` in IE 8/9/10.
280
+ * 2. Remove excess padding in IE 8/9/10.
281
+
282
+ /**
283
+ * Fix the cursor style for Chrome's increment/decrement buttons. For certain
284
+ * `font-size` values of the `input`, it causes the cursor style of the
285
+ * decrement button to change from `default` to `text`.
286
+
287
+ /**
288
+ * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
289
+ * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
290
+ * (include `-moz` to future-proof).
291
+
292
+ /**
293
+ * Remove inner padding and search cancel button in Safari and Chrome on OS X.
294
+ * Safari (but not Chrome) clips the cancel button when the search input has
295
+ * padding (and `textfield` appearance).
296
+
297
+ /**
298
+ * Define consistent border, margin, and padding.
299
+
300
+ fieldset
301
+ border: 1px solid #c0c0c0
302
+ margin: 0 2px
303
+ padding: 0.35em 0.625em 0.75em
304
+
305
+ /**
306
+ * 1. Correct `color` not being inherited in IE 8/9/10/11.
307
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
308
+
309
+ legend
310
+ border: 0
311
+ /* 1
312
+ padding: 0
313
+ /* 2
314
+
315
+ /**
316
+ * Remove default vertical scrollbar in IE 8/9/10/11.
317
+
318
+ textarea
319
+ overflow: auto
320
+
321
+ /**
322
+ * Don't inherit the `font-weight` (applied by a rule above).
323
+ * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
324
+
325
+ optgroup
326
+ font-weight: bold
327
+
328
+ /* Tables
329
+ * ==========================================================================
330
+
331
+ /**
332
+ * Remove most spacing between table cells.
333
+
334
+ table
335
+ border-collapse: collapse
336
+ border-spacing: 0
337
+
338
+ td, th
339
+ padding: 0