waterfall_bourbon_neat_rails 0.0.1.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (40) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/javascripts/waterfall_bourbon_neat_rails/application.js +3 -4
  3. data/app/assets/stylesheets/waterfall_bourbon_neat_rails.css.scss +36 -1
  4. data/app/assets/stylesheets/waterfall_bourbon_neat_rails/application.css.scss +4 -0
  5. data/app/views/layouts/application.html.slim +5 -4
  6. data/app/views/waterfall_bourbon_neat_rails/_footer.html.slim +13 -2
  7. data/app/views/waterfall_bourbon_neat_rails/_full_body.html.slim +1 -1
  8. data/app/views/waterfall_bourbon_neat_rails/_javascript.html.slim +5 -2
  9. data/app/views/waterfall_bourbon_neat_rails/_nav.html.slim +3 -3
  10. data/lib/waterfall_bourbon_neat_rails.rb +1 -1
  11. data/lib/waterfall_bourbon_neat_rails/rails/engine.rb +7 -0
  12. data/lib/waterfall_bourbon_neat_rails/version.rb +2 -2
  13. metadata +29 -118
  14. data/app/assets/images/waterfall_bourbon_neat_rails/home-bg.jpg +0 -0
  15. data/app/assets/images/waterfall_bourbon_neat_rails/home-tile-bg.gif +0 -0
  16. data/app/assets/images/waterfall_bourbon_neat_rails/waterfall-software-logo.png +0 -0
  17. data/app/assets/stylesheets/base/_base.scss +0 -24
  18. data/app/assets/stylesheets/base/_buttons.scss +0 -10
  19. data/app/assets/stylesheets/base/_flashes.scss +0 -15
  20. data/app/assets/stylesheets/base/_forms.scss +0 -78
  21. data/app/assets/stylesheets/base/_grid-settings.scss +0 -14
  22. data/app/assets/stylesheets/base/_lists.scss +0 -30
  23. data/app/assets/stylesheets/base/_tables.scss +0 -22
  24. data/app/assets/stylesheets/base/_typography.scss +0 -87
  25. data/app/assets/stylesheets/base/_variables.scss +0 -53
  26. data/app/assets/stylesheets/base/extends/_button.scss +0 -17
  27. data/app/assets/stylesheets/base/extends/_clearfix.scss +0 -3
  28. data/app/assets/stylesheets/base/extends/_hide-text.scss +0 -3
  29. data/app/assets/stylesheets/base/mixins/_flash.scss +0 -15
  30. data/app/assets/stylesheets/normalize/README.md +0 -57
  31. data/app/assets/stylesheets/normalize/component.json +0 -8
  32. data/app/assets/stylesheets/normalize/normalize.css +0 -425
  33. data/app/assets/stylesheets/normalize/package.json +0 -30
  34. data/app/assets/stylesheets/partials/_flash.scss +0 -15
  35. data/app/assets/stylesheets/partials/_footer.scss +0 -8
  36. data/app/assets/stylesheets/partials/_layout.scss +0 -197
  37. data/app/assets/stylesheets/partials/_nav.scss +0 -58
  38. data/app/assets/stylesheets/partials/_variables.scss +0 -1
  39. data/app/assets/stylesheets/waterfall_bourbon_neat_rails/application.scss +0 -11
  40. data/lib/waterfall_bourbon_neat_rails/engine.rb +0 -7
@@ -1,10 +0,0 @@
1
- button,
2
- input[type="submit"] {
3
- @extend %button;
4
- @include appearance(none);
5
- border: none;
6
- cursor: pointer;
7
- user-select: none;
8
- vertical-align: middle;
9
- white-space: nowrap;
10
- }
@@ -1,15 +0,0 @@
1
- %flash-alert {
2
- @include flash($alert-color);
3
- }
4
-
5
- %flash-error {
6
- @include flash($error-color);
7
- }
8
-
9
- %flash-notice {
10
- @include flash($notice-color);
11
- }
12
-
13
- %flash-success {
14
- @include flash($success-color);
15
- }
@@ -1,78 +0,0 @@
1
- fieldset {
2
- background: lighten($base-border-color, 10);
3
- border: 1px solid $base-border-color;
4
- margin: 0 0 ($base-line-height / 2) 0;
5
- padding: $base-line-height;
6
- }
7
-
8
- input,
9
- label,
10
- select {
11
- display: block;
12
- font-family: $form-font-family;
13
- font-size: $form-font-size;
14
- }
15
-
16
- label {
17
- font-weight: bold;
18
- margin-bottom: $base-line-height / 4;
19
-
20
- &.required:after {
21
- content: "*";
22
- }
23
-
24
- abbr {
25
- display: none;
26
- }
27
- }
28
-
29
- textarea,
30
- #{$all-text-inputs},
31
- select[multiple=multiple] {
32
- @include box-sizing(border-box);
33
- @include transition(border-color);
34
- background-color: white;
35
- border-radius: $form-border-radius;
36
- border: 1px solid $form-border-color;
37
- box-shadow: $form-box-shadow;
38
- font-family: $form-font-family;
39
- font-size: $form-font-size;
40
- margin-bottom: $base-line-height / 2;
41
- padding: ($base-line-height / 3) ($base-line-height / 3);
42
- width: 100%;
43
-
44
- &:hover {
45
- border-color: $form-border-color-hover;
46
- }
47
-
48
- &:focus {
49
- border-color: $form-border-color-focus;
50
- box-shadow: $form-box-shadow-focus;
51
- outline: none;
52
- }
53
- }
54
-
55
- textarea {
56
- resize: vertical;
57
- }
58
-
59
- input[type="search"] {
60
- @include appearance(none);
61
- }
62
-
63
- input[type="checkbox"], input[type="radio"] {
64
- display: inline;
65
- margin-right: $base-line-height / 4;
66
- }
67
-
68
- input[type="file"] {
69
- margin-bottom: $base-line-height / 2;
70
- padding-bottom: ($base-line-height / 3);
71
- width: 100%;
72
- }
73
-
74
- select {
75
- width: auto;
76
- max-width: 100%;
77
- margin-bottom: $base-line-height;
78
- }
@@ -1,14 +0,0 @@
1
- @import 'neat-helpers'; // or '../neat/neat-helpers' when not in Rails
2
-
3
- // Neat Overrides
4
- // $column: 90px;
5
- // $gutter: 30px;
6
- // $grid-columns: 12;
7
- $max-width: em(700);
8
-
9
- // Neat Breakpoints
10
- $medium-screen: em(640);
11
- $large-screen: em(860);
12
-
13
- $medium-screen-up: new-breakpoint(min-width $medium-screen 4);
14
- $large-screen-up: new-breakpoint(min-width $large-screen 8);
@@ -1,30 +0,0 @@
1
- ul, ol {
2
- margin: 0;
3
- padding: 0;
4
- list-style-type: none;
5
-
6
- &%default-ul {
7
- list-style-type: disc;
8
- margin-bottom: $base-line-height / 2;
9
- padding-left: $base-line-height;
10
- }
11
-
12
- &%default-ol {
13
- list-style-type: decimal;
14
- margin-bottom: $base-line-height / 2;
15
- padding-left: $base-line-height;
16
- }
17
- }
18
-
19
- dl {
20
- margin-bottom: $base-line-height / 2;
21
-
22
- dt {
23
- font-weight: bold;
24
- margin-top: $base-line-height / 2;
25
- }
26
-
27
- dd {
28
- margin: 0;
29
- }
30
- }
@@ -1,22 +0,0 @@
1
- table {
2
- border-collapse: collapse;
3
- margin: ($base-line-height / 2) 0;
4
- table-layout: fixed;
5
- width: 100%;
6
- }
7
-
8
- th {
9
- border-bottom: 1px solid darken($base-border-color, 15%);
10
- font-weight: bold;
11
- padding: ($base-line-height / 2) 0;
12
- text-align: left;
13
- }
14
-
15
- td {
16
- border-bottom: 1px solid $base-border-color;
17
- padding: ($base-line-height / 2) 0;
18
- }
19
-
20
- tr, td, th {
21
- vertical-align: middle;
22
- }
@@ -1,87 +0,0 @@
1
- body {
2
- -webkit-font-smoothing: antialiased;
3
- background-color: $base-background-color;
4
- color: $base-font-color;
5
- font-family: $base-font-family;
6
- font-size: $base-font-size;
7
- line-height: $unitless-line-height;
8
- }
9
-
10
- h1, h2, h3, h4, h5, h6 {
11
- font-family: $header-font-family;
12
- line-height: $header-line-height;
13
- margin: 0;
14
- text-rendering: optimizeLegibility; // Fix the character spacing for headings
15
- }
16
-
17
- h1 {
18
- font-size: $base-font-size * 2.25; // 16 * 2.25 = 36px
19
- }
20
-
21
- h2 {
22
- font-size: $base-font-size * 2; // 16 * 2 = 32px
23
- }
24
-
25
- h3 {
26
- font-size: $base-font-size * 1.75; // 16 * 1.75 = 28px
27
- }
28
-
29
- h4 {
30
- font-size: $base-font-size * 1.5; // 16 * 1.5 = 24px
31
- }
32
-
33
- h5 {
34
- font-size: $base-font-size * 1.25; // 16 * 1.25 = 20px
35
- }
36
-
37
- h6 {
38
- font-size: $base-font-size;
39
- }
40
-
41
- p {
42
- margin: 0 0 ($base-line-height * .5);
43
- }
44
-
45
- a {
46
- @include transition(color 0.1s linear);
47
- color: $base-link-color;
48
- text-decoration: none;
49
-
50
- &:hover {
51
- color: $hover-link-color;
52
- }
53
-
54
- &:active, &:focus {
55
- color: $hover-link-color;
56
- outline: none;
57
- }
58
- }
59
-
60
- hr {
61
- border-bottom: 1px solid $base-border-color;
62
- border-left: none;
63
- border-right: none;
64
- border-top: none;
65
- margin: $base-line-height 0;
66
- }
67
-
68
- img {
69
- margin: 0;
70
- max-width: 100%;
71
- }
72
-
73
- blockquote {
74
- border-left: 2px solid $base-border-color;
75
- color: lighten($base-font-color, 15);
76
- margin: $base-line-height 0;
77
- padding-left: $base-line-height / 2;
78
- }
79
-
80
- cite {
81
- color: lighten($base-font-color, 25);
82
- font-style: italic;
83
-
84
- &:before {
85
- content: '\2014 \00A0';
86
- }
87
- }
@@ -1,53 +0,0 @@
1
- // Typography
2
- $sans-serif: $helvetica;
3
- $serif: $georgia;
4
- $base-font-family: $sans-serif;
5
- $header-font-family: $base-font-family;
6
-
7
- // Sizes
8
- $base-font-size: 1em;
9
- $base-line-height: $base-font-size * 1.5;
10
- $unitless-line-height: $base-line-height / ($base-line-height * 0 + 1); // Strip units from line-height: https://developer.mozilla.org/en-US/docs/Web/CSS/line-height#Prefer_unitless_numbers_for_line-height_values
11
- $header-line-height: $base-font-size * 1.25;
12
- $base-border-radius: em(3);
13
-
14
- // Colors
15
- $blue: #477DCA;
16
- $dark-gray: #333;
17
- $medium-gray: #999;
18
- $light-gray: #DDD;
19
- $light-red: #FBE3E4;
20
- $light-yellow: #FFF6BF;
21
- $light-green: #E6EFC2;
22
-
23
- // Background Color
24
- $base-background-color: white;
25
-
26
- // Font Colors
27
- $base-font-color: $dark-gray;
28
- $base-accent-color: $blue;
29
-
30
- // Link Colors
31
- $base-link-color: $base-accent-color;
32
- $hover-link-color: darken($base-accent-color, 15);
33
- $base-button-color: $base-link-color;
34
- $hover-button-color: $hover-link-color;
35
-
36
- // Border color
37
- $base-border-color: $light-gray;
38
-
39
- // Flash Colors
40
- $alert-color: $light-yellow;
41
- $error-color: $light-red;
42
- $notice-color: $light-yellow;
43
- $success-color: $light-green;
44
-
45
- // Forms
46
- $form-border-color: $base-border-color;
47
- $form-border-color-hover: darken($base-border-color, 10);
48
- $form-border-color-focus: $base-accent-color;
49
- $form-border-radius: $base-border-radius;
50
- $form-box-shadow: inset 0 1px 3px rgba(0,0,0,0.06);
51
- $form-box-shadow-focus: $form-box-shadow, 0 0 5px rgba(darken($form-border-color-focus, 5), 0.7);
52
- $form-font-size: $base-font-size;
53
- $form-font-family: $base-font-family;
@@ -1,17 +0,0 @@
1
- %button {
2
- -webkit-font-smoothing: antialiased;
3
- background-color: $base-button-color;
4
- border-radius: $base-border-radius;
5
- color: white;
6
- display: inline-block;
7
- font-size: $base-font-size;
8
- font-weight: bold;
9
- line-height: 1;
10
- padding: .75em 1em;
11
- text-decoration: none;
12
-
13
- &:hover {
14
- background-color: $hover-button-color;
15
- color: white;
16
- }
17
- }
@@ -1,3 +0,0 @@
1
- %clearfix {
2
- @include clearfix;
3
- }
@@ -1,3 +0,0 @@
1
- %hide-text {
2
- @include hide-text;
3
- }
@@ -1,15 +0,0 @@
1
- @mixin flash($color) {
2
- background: $color;
3
- color: darken($color, 60);
4
- font-weight: bold;
5
- margin-bottom: $base-line-height / 2;
6
- padding: $base-line-height / 2;
7
-
8
- a {
9
- color: darken($color, 70);
10
-
11
- &:hover {
12
- color: darken($color, 90);
13
- }
14
- }
15
- }
@@ -1,57 +0,0 @@
1
- # normalize.css v3
2
-
3
- Normalize.css is a customisable CSS file that makes browsers render all
4
- elements more consistently and in line with modern standards.
5
-
6
- The project relies on researching the differences between default browser
7
- styles in order to precisely target only the styles that need or benefit from
8
- normalizing.
9
-
10
- [View the test file](http://necolas.github.io/normalize.css/latest/test.html)
11
-
12
- ## Install
13
-
14
- Download from the [project page](http://necolas.github.io/normalize.css/).
15
-
16
- Install with [Component(1)](https://github.com/component/component/): `component install necolas/normalize.css`
17
-
18
- Install with [npm](http://npmjs.org/): `npm install --save normalize.css`
19
-
20
- Install with [Bower](http://bower.io/): `bower install --save normalize.css`
21
-
22
- ## What does it do?
23
-
24
- * Preserves useful defaults, unlike many CSS resets.
25
- * Normalizes styles for a wide range of elements.
26
- * Corrects bugs and common browser inconsistencies.
27
- * Improves usability with subtle improvements.
28
- * Explains what code does using detailed comments.
29
-
30
- ## How to use it
31
-
32
- No other styles should come before Normalize.css.
33
-
34
- It is recommended that you include the `normalize.css` file as untouched
35
- library code.
36
-
37
- ## Browser support
38
-
39
- * Google Chrome (latest)
40
- * Mozilla Firefox (latest)
41
- * Mozilla Firefox 4
42
- * Opera (latest)
43
- * Apple Safari 6+
44
- * Internet Explorer 8+
45
-
46
- [Normalize.css v1 provides legacy browser
47
- support](https://github.com/necolas/normalize.css/tree/v1) (IE 6+, Safari 4+),
48
- but is no longer actively developed.
49
-
50
- ## Contributing
51
-
52
- Please read the CONTRIBUTING.md
53
-
54
- ## Acknowledgements
55
-
56
- Normalize.css is a project by [Nicolas Gallagher](https://github.com/necolas),
57
- co-created with [Jonathan Neal](https://github.com/jonathantneal).
@@ -1,8 +0,0 @@
1
- {
2
- "name": "normalize.css",
3
- "repo": "necolas/normalize.css",
4
- "version": "3.0.1",
5
- "styles": ["normalize.css"],
6
- "author": "Nicolas Gallagher",
7
- "license": "MIT"
8
- }
@@ -1,425 +0,0 @@
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
-
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 and Firefox.
29
- * Correct `block` display not defined for `main` in IE 11.
30
- */
31
-
32
- article,
33
- aside,
34
- details,
35
- figcaption,
36
- figure,
37
- footer,
38
- header,
39
- hgroup,
40
- main,
41
- nav,
42
- section,
43
- summary {
44
- display: block;
45
- }
46
-
47
- /**
48
- * 1. Correct `inline-block` display not defined in IE 8/9.
49
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
50
- */
51
-
52
- audio,
53
- canvas,
54
- progress,
55
- video {
56
- display: inline-block; /* 1 */
57
- vertical-align: baseline; /* 2 */
58
- }
59
-
60
- /**
61
- * Prevent modern browsers from displaying `audio` without controls.
62
- * Remove excess height in iOS 5 devices.
63
- */
64
-
65
- audio:not([controls]) {
66
- display: none;
67
- height: 0;
68
- }
69
-
70
- /**
71
- * Address `[hidden]` styling not present in IE 8/9/10.
72
- * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
73
- */
74
-
75
- [hidden],
76
- template {
77
- display: none;
78
- }
79
-
80
- /* Links
81
- ========================================================================== */
82
-
83
- /**
84
- * Remove the gray background color from active links in IE 10.
85
- */
86
-
87
- a {
88
- background: transparent;
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
- /* Text-level semantics
101
- ========================================================================== */
102
-
103
- /**
104
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
105
- */
106
-
107
- abbr[title] {
108
- border-bottom: 1px dotted;
109
- }
110
-
111
- /**
112
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
113
- */
114
-
115
- b,
116
- strong {
117
- font-weight: bold;
118
- }
119
-
120
- /**
121
- * Address styling not present in Safari and Chrome.
122
- */
123
-
124
- dfn {
125
- font-style: italic;
126
- }
127
-
128
- /**
129
- * Address variable `h1` font-size and margin within `section` and `article`
130
- * contexts in Firefox 4+, Safari, and Chrome.
131
- */
132
-
133
- h1 {
134
- font-size: 2em;
135
- margin: 0.67em 0;
136
- }
137
-
138
- /**
139
- * Address styling not present in IE 8/9.
140
- */
141
-
142
- mark {
143
- background: #ff0;
144
- color: #000;
145
- }
146
-
147
- /**
148
- * Address inconsistent and variable font size in all browsers.
149
- */
150
-
151
- small {
152
- font-size: 80%;
153
- }
154
-
155
- /**
156
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
157
- */
158
-
159
- sub,
160
- sup {
161
- font-size: 75%;
162
- line-height: 0;
163
- position: relative;
164
- vertical-align: baseline;
165
- }
166
-
167
- sup {
168
- top: -0.5em;
169
- }
170
-
171
- sub {
172
- bottom: -0.25em;
173
- }
174
-
175
- /* Embedded content
176
- ========================================================================== */
177
-
178
- /**
179
- * Remove border when inside `a` element in IE 8/9/10.
180
- */
181
-
182
- img {
183
- border: 0;
184
- }
185
-
186
- /**
187
- * Correct overflow not hidden in IE 9/10/11.
188
- */
189
-
190
- svg:not(:root) {
191
- overflow: hidden;
192
- }
193
-
194
- /* Grouping content
195
- ========================================================================== */
196
-
197
- /**
198
- * Address margin not present in IE 8/9 and Safari.
199
- */
200
-
201
- figure {
202
- margin: 1em 40px;
203
- }
204
-
205
- /**
206
- * Address differences between Firefox and other browsers.
207
- */
208
-
209
- hr {
210
- -moz-box-sizing: content-box;
211
- box-sizing: content-box;
212
- height: 0;
213
- }
214
-
215
- /**
216
- * Contain overflow in all browsers.
217
- */
218
-
219
- pre {
220
- overflow: auto;
221
- }
222
-
223
- /**
224
- * Address odd `em`-unit font size rendering in all browsers.
225
- */
226
-
227
- code,
228
- kbd,
229
- pre,
230
- samp {
231
- font-family: monospace, monospace;
232
- font-size: 1em;
233
- }
234
-
235
- /* Forms
236
- ========================================================================== */
237
-
238
- /**
239
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
240
- * styling of `select`, unless a `border` property is set.
241
- */
242
-
243
- /**
244
- * 1. Correct color not being inherited.
245
- * Known issue: affects color of disabled elements.
246
- * 2. Correct font properties not being inherited.
247
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
248
- */
249
-
250
- button,
251
- input,
252
- optgroup,
253
- select,
254
- textarea {
255
- color: inherit; /* 1 */
256
- font: inherit; /* 2 */
257
- margin: 0; /* 3 */
258
- }
259
-
260
- /**
261
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
262
- */
263
-
264
- button {
265
- overflow: visible;
266
- }
267
-
268
- /**
269
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
270
- * All other form control elements do not inherit `text-transform` values.
271
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
272
- * Correct `select` style inheritance in Firefox.
273
- */
274
-
275
- button,
276
- select {
277
- text-transform: none;
278
- }
279
-
280
- /**
281
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
282
- * and `video` controls.
283
- * 2. Correct inability to style clickable `input` types in iOS.
284
- * 3. Improve usability and consistency of cursor style between image-type
285
- * `input` and others.
286
- */
287
-
288
- button,
289
- html input[type="button"], /* 1 */
290
- input[type="reset"],
291
- input[type="submit"] {
292
- -webkit-appearance: button; /* 2 */
293
- cursor: pointer; /* 3 */
294
- }
295
-
296
- /**
297
- * Re-set default cursor for disabled elements.
298
- */
299
-
300
- button[disabled],
301
- html input[disabled] {
302
- cursor: default;
303
- }
304
-
305
- /**
306
- * Remove inner padding and border in Firefox 4+.
307
- */
308
-
309
- button::-moz-focus-inner,
310
- input::-moz-focus-inner {
311
- border: 0;
312
- padding: 0;
313
- }
314
-
315
- /**
316
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
317
- * the UA stylesheet.
318
- */
319
-
320
- input {
321
- line-height: normal;
322
- }
323
-
324
- /**
325
- * It's recommended that you don't attempt to style these elements.
326
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
327
- *
328
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
329
- * 2. Remove excess padding in IE 8/9/10.
330
- */
331
-
332
- input[type="checkbox"],
333
- input[type="radio"] {
334
- box-sizing: border-box; /* 1 */
335
- padding: 0; /* 2 */
336
- }
337
-
338
- /**
339
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
340
- * `font-size` values of the `input`, it causes the cursor style of the
341
- * decrement button to change from `default` to `text`.
342
- */
343
-
344
- input[type="number"]::-webkit-inner-spin-button,
345
- input[type="number"]::-webkit-outer-spin-button {
346
- height: auto;
347
- }
348
-
349
- /**
350
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
351
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
352
- * (include `-moz` to future-proof).
353
- */
354
-
355
- input[type="search"] {
356
- -webkit-appearance: textfield; /* 1 */
357
- -moz-box-sizing: content-box;
358
- -webkit-box-sizing: content-box; /* 2 */
359
- box-sizing: content-box;
360
- }
361
-
362
- /**
363
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
364
- * Safari (but not Chrome) clips the cancel button when the search input has
365
- * padding (and `textfield` appearance).
366
- */
367
-
368
- input[type="search"]::-webkit-search-cancel-button,
369
- input[type="search"]::-webkit-search-decoration {
370
- -webkit-appearance: none;
371
- }
372
-
373
- /**
374
- * Define consistent border, margin, and padding.
375
- */
376
-
377
- fieldset {
378
- border: 1px solid #c0c0c0;
379
- margin: 0 2px;
380
- padding: 0.35em 0.625em 0.75em;
381
- }
382
-
383
- /**
384
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
385
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
386
- */
387
-
388
- legend {
389
- border: 0; /* 1 */
390
- padding: 0; /* 2 */
391
- }
392
-
393
- /**
394
- * Remove default vertical scrollbar in IE 8/9/10/11.
395
- */
396
-
397
- textarea {
398
- overflow: auto;
399
- }
400
-
401
- /**
402
- * Don't inherit the `font-weight` (applied by a rule above).
403
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
404
- */
405
-
406
- optgroup {
407
- font-weight: bold;
408
- }
409
-
410
- /* Tables
411
- ========================================================================== */
412
-
413
- /**
414
- * Remove most spacing between table cells.
415
- */
416
-
417
- table {
418
- border-collapse: collapse;
419
- border-spacing: 0;
420
- }
421
-
422
- td,
423
- th {
424
- padding: 0;
425
- }