purecss-sass 1.0.1.1 → 2.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 29be610a9604dc25eb21a95b2f52b43684c9734cc710611fa9da2de4270e0985
4
- data.tar.gz: '09d3e36248dbfee032d526d58b955ac4f39e3815be4040d6e2465fd2ae9623c2'
3
+ metadata.gz: c46f12e919104da27ff56cf6002dd489a0b41bf3b1eb04a1f3a45d7d8d898ee2
4
+ data.tar.gz: 4ae2d240acc09cde64a6b3e5cd4a0d877f2712307c8b12074f090edef763a834
5
5
  SHA512:
6
- metadata.gz: 02fcd94f03b5d0d2feda132a2521d2eb4ba1eb353bed06fb4284a3ce237351121ec7ccc216271d6e5f19144585a6a6acde7e15dd01fe2eb2afc80115b882078f
7
- data.tar.gz: 95f29ea5729b763dab8632f8f403daf44ff662c4b11abd3729637f27926ae15efd9ea269d0d153bb33ae7c6a464b5a1f1026f9bb8d00b97505a4fc738b3710aa
6
+ metadata.gz: 041d3c8bb9ae2ee344047e193094ea59f588a30bf9b30c80b2a9e0e211cc088676ef63385f43b4dd1fc3d7a5941ecef5ef99635031b899db2386123bc5d706f1
7
+ data.tar.gz: 81e98e4edce103b6595de48d84eee7705a5c10f6598daced36d5dd40c3ed15d3f7824a2e865956333d1f28b3fc86eda9bfde5052be29cf2ba11688e12ad06153
data/.gitignore CHANGED
@@ -1,12 +1,14 @@
1
1
  /.bundle/
2
2
  /.sass-cache/
3
3
  /.yardoc
4
- /Gemfile.lock
5
4
  /_yardoc/
6
5
  /coverage/
7
6
  /doc/
7
+ /Gemfile.lock
8
8
  /pkg/
9
+ /spec/reports/
9
10
  /spec/support/dummy_rails_app/log/
11
+ /spec/support/dummy_rails_app/public/
10
12
  /spec/support/dummy_rails_app/tmp/
11
- /spec/reports/
12
13
  /tmp/
14
+ .rspec_status
data/.rspec CHANGED
@@ -1,2 +1,3 @@
1
1
  --format documentation
2
2
  --color
3
+ --require spec_helper
data/.rubocop.yml ADDED
@@ -0,0 +1,27 @@
1
+ Layout/IndentationConsistency:
2
+ EnforcedStyle: indented_internal_methods
3
+
4
+ Metrics/BlockLength:
5
+ ExcludedMethods: [RSpec.describe, context]
6
+
7
+ Metrics/LineLength:
8
+ Max: 100
9
+
10
+ Metrics/ParameterLists:
11
+ Max: 6
12
+
13
+ Naming/FileName:
14
+ Exclude:
15
+ - lib/*
16
+
17
+ Naming/MethodParameterName:
18
+ MinNameLength: 2
19
+
20
+ Style/BlockDelimiters:
21
+ EnforcedStyle: braces_for_chaining
22
+
23
+ Style/Documentation:
24
+ Enabled: false
25
+
26
+ Style/FrozenStringLiteralComment:
27
+ EnforcedStyle: never
data/.travis.yml CHANGED
@@ -1,9 +1,5 @@
1
1
  language: ruby
2
2
  rvm:
3
- - 2.3.8
4
- - 2.4.6
5
- - 2.5.5
6
- - 2.6.3
7
- before_install:
8
- - gem update --system
9
- - gem install bundler
3
+ - 2.5.8
4
+ - 2.6.6
5
+ - 2.7.1
data/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 2.0.0 (2020-05-06)
2
+
3
+ - Update assets to match upstream version
4
+
5
+ Framework version: Pure v2.0.0
6
+
1
7
  ## 1.0.1.1 (2019-10-14)
2
8
 
3
9
  - Replace `sass` dependency with `sassc`.
data/Rakefile CHANGED
@@ -1,4 +1,6 @@
1
1
  require 'bundler/gem_tasks'
2
2
  require 'rspec/core/rake_task'
3
+
4
+ RSpec::Core::RakeTask.new(:spec)
5
+
3
6
  task default: :spec
4
- RSpec::Core::RakeTask.new
data/bin/console CHANGED
@@ -11,4 +11,4 @@ require 'purecss-sass'
11
11
  # Pry.start
12
12
 
13
13
  require 'irb'
14
- IRB.start
14
+ IRB.start(__FILE__)
data/bin/setup CHANGED
@@ -1,6 +1,7 @@
1
- #!/bin/bash
1
+ #!/usr/bin/env bash
2
2
  set -euo pipefail
3
3
  IFS=$'\n\t'
4
+ set -vx
4
5
 
5
6
  bundle install
6
7
 
@@ -1,5 +1,5 @@
1
1
  module Purecss
2
2
  module Sass
3
- VERSION = '1.0.1.1'.freeze
3
+ VERSION = '2.0.0'.freeze
4
4
  end
5
5
  end
data/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "purecss-sass",
3
- "version": "1.0.1",
3
+ "version": "2.0.0",
4
4
  "description": "Pure CSS framework, converted to Sass and ready to use in Sass powered applications",
5
5
  "keywords": [
6
6
  "pure",
data/purecss-sass.gemspec CHANGED
@@ -1,5 +1,4 @@
1
- # coding: utf-8
2
- lib = File.expand_path('../lib', __FILE__)
1
+ lib = File.expand_path('lib', __dir__)
3
2
  $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
3
  require 'purecss/sass/version'
5
4
 
@@ -9,22 +8,27 @@ Gem::Specification.new do |spec|
9
8
  spec.authors = ['Dmitriy Tarasov']
10
9
  spec.email = ['info@rubysamurai.com']
11
10
 
12
- spec.summary = 'Pure CSS framework by Yahoo, converted to Sass and ready to use in Ruby projects'
13
- spec.description = 'Pure CSS framework by Yahoo, converted to Sass and ready to use in Ruby projects'
11
+ spec.summary = 'Pure CSS framework, converted to Sass'
12
+ spec.description = 'Pure CSS framework, converted to Sass'
14
13
  spec.homepage = 'https://github.com/rubysamurai/purecss-sass'
15
14
  spec.license = 'MIT'
16
15
 
17
- spec.files = `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
16
+ spec.metadata['bug_tracker_uri'] = 'https://github.com/rubysamurai/purecss-sass/issues'
17
+ spec.metadata['changelog_uri'] = 'https://github.com/rubysamurai/purecss-sass/blob/master/CHANGELOG.md'
18
+
19
+ spec.files = Dir.chdir(File.expand_path(__dir__)) do
20
+ `git ls-files -z`.split("\x0").reject { |f| f.match(%r{^(test|spec|features)/}) }
21
+ end
18
22
  spec.bindir = 'exe'
19
23
  spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
20
24
  spec.require_paths = ['lib']
21
25
 
22
- spec.required_ruby_version = '>= 2.0.0'
26
+ spec.required_ruby_version = Gem::Requirement.new('>= 2.0.0')
23
27
 
24
28
  spec.add_runtime_dependency 'sassc', '>= 2.0'
25
29
 
26
30
  spec.add_development_dependency 'railties', '>= 5.0'
27
- spec.add_development_dependency 'rspec', '>= 3.5'
31
+ spec.add_development_dependency 'rspec', '>= 3.9'
28
32
  spec.add_development_dependency 'sassc-rails', '>= 2.0'
29
33
  spec.add_development_dependency 'sprockets-rails', '>= 3.0'
30
34
  end
@@ -1,7 +1,6 @@
1
1
  @import 'purecss/base';
2
2
  @import 'purecss/buttons';
3
3
  @import 'purecss/forms';
4
- @import 'purecss/grids';
5
4
  @import 'purecss/grids-responsive';
6
5
  @import 'purecss/menus';
7
6
  @import 'purecss/tables';
@@ -1,156 +1,148 @@
1
1
  /*!
2
- Pure v1.0.1
2
+ Pure v2.0.0
3
3
  Copyright 2013 Yahoo!
4
4
  Licensed under the BSD License.
5
5
  https://github.com/pure-css/pure/blob/master/LICENSE.md
6
6
  */
7
7
  /*!
8
- normalize.css v^3.0 | MIT License | git.io/normalize
8
+ normalize.css v | MIT License | git.io/normalize
9
9
  Copyright (c) Nicolas Gallagher and Jonathan Neal
10
10
  */
11
- /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
11
+ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
12
+
13
+ /* Document
14
+ ========================================================================== */
12
15
 
13
16
  /**
14
- * 1. Set default font family to sans-serif.
15
- * 2. Prevent iOS and IE text size adjust after device orientation change,
16
- * without disabling user zoom.
17
+ * 1. Correct the line height in all browsers.
18
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
17
19
  */
18
20
 
19
21
  html {
20
- font-family: sans-serif;
22
+ line-height: 1.15;
21
23
 
22
24
  /* 1 */
23
- -ms-text-size-adjust: 100%;
24
-
25
- /* 2 */
26
25
  -webkit-text-size-adjust: 100%;
27
26
 
28
27
  /* 2 */
29
28
  }
30
29
 
30
+ /* Sections
31
+ ========================================================================== */
32
+
31
33
  /**
32
- * Remove default margin.
34
+ * Remove the margin in all browsers.
33
35
  */
34
36
 
35
37
  body {
36
38
  margin: 0;
37
39
  }
38
40
 
39
- /* HTML5 display definitions
40
- ========================================================================== */
41
-
42
41
  /**
43
- * Correct `block` display not defined for any HTML5 element in IE 8/9.
44
- * Correct `block` display not defined for `details` or `summary` in IE 10/11
45
- * and Firefox.
46
- * Correct `block` display not defined for `main` in IE 11.
42
+ * Render the `main` element consistently in IE.
47
43
  */
48
44
 
49
- article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
45
+ main {
50
46
  display: block;
51
47
  }
52
48
 
53
49
  /**
54
- * 1. Correct `inline-block` display not defined in IE 8/9.
55
- * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
50
+ * Correct the font size and margin on `h1` elements within `section` and
51
+ * `article` contexts in Chrome, Firefox, and Safari.
56
52
  */
57
53
 
58
- audio, canvas, progress, video {
59
- display: inline-block;
60
-
61
- /* 1 */
62
- vertical-align: baseline;
63
-
64
- /* 2 */
54
+ h1 {
55
+ font-size: 2em;
56
+ margin: 0.67em 0;
65
57
  }
66
58
 
59
+ /* Grouping content
60
+ ========================================================================== */
61
+
67
62
  /**
68
- * Prevent modern browsers from displaying `audio` without controls.
69
- * Remove excess height in iOS 5 devices.
63
+ * 1. Add the correct box sizing in Firefox.
64
+ * 2. Show the overflow in Edge and IE.
70
65
  */
71
66
 
72
- audio:not([controls]) {
73
- display: none;
67
+ hr {
68
+ box-sizing: content-box;
69
+
70
+ /* 1 */
74
71
  height: 0;
72
+
73
+ /* 1 */
74
+ overflow: visible;
75
+
76
+ /* 2 */
75
77
  }
76
78
 
77
79
  /**
78
- * Address `[hidden]` styling not present in IE 8/9/10.
79
- * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
80
+ * 1. Correct the inheritance and scaling of font size in all browsers.
81
+ * 2. Correct the odd `em` font sizing in all browsers.
80
82
  */
81
83
 
82
- [hidden], template {
83
- display: none;
84
+ pre {
85
+ font-family: monospace, monospace;
86
+
87
+ /* 1 */
88
+ font-size: 1em;
89
+
90
+ /* 2 */
84
91
  }
85
92
 
86
- /* Links
93
+ /* Text-level semantics
87
94
  ========================================================================== */
88
95
 
89
96
  /**
90
- * Remove the gray background color from active links in IE 10.
97
+ * Remove the gray background on active links in IE 10.
91
98
  */
92
99
 
93
100
  a {
94
101
  background-color: transparent;
95
-
96
- &:active, &:hover {
97
- outline: 0;
98
- }
99
102
  }
100
103
 
101
104
  /**
102
- * Improve readability of focused elements when they are also in an
103
- * active/hover state.
104
- */
105
-
106
- /* Text-level semantics
107
- ========================================================================== */
108
-
109
- /**
110
- * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
105
+ * 1. Remove the bottom border in Chrome 57-
106
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
107
  */
112
108
 
113
109
  abbr[title] {
114
- border-bottom: 1px dotted;
115
- }
110
+ border-bottom: none;
116
111
 
117
- /**
118
- * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
119
- */
112
+ /* 1 */
113
+ text-decoration: underline;
120
114
 
121
- b, strong {
122
- font-weight: bold;
115
+ /* 2 */
116
+ -webkit-text-decoration: underline dotted;
117
+ text-decoration: underline dotted;
118
+
119
+ /* 2 */
123
120
  }
124
121
 
125
122
  /**
126
- * Address styling not present in Safari and Chrome.
123
+ * Add the correct font weight in Chrome, Edge, and Safari.
127
124
  */
128
125
 
129
- dfn {
130
- font-style: italic;
126
+ b, strong {
127
+ font-weight: bolder;
131
128
  }
132
129
 
133
130
  /**
134
- * Address variable `h1` font-size and margin within `section` and `article`
135
- * contexts in Firefox 4+, Safari, and Chrome.
131
+ * 1. Correct the inheritance and scaling of font size in all browsers.
132
+ * 2. Correct the odd `em` font sizing in all browsers.
136
133
  */
137
134
 
138
- h1 {
139
- font-size: 2em;
140
- margin: 0.67em 0;
141
- }
135
+ code, kbd, samp {
136
+ font-family: monospace, monospace;
142
137
 
143
- /**
144
- * Address styling not present in IE 8/9.
145
- */
138
+ /* 1 */
139
+ font-size: 1em;
146
140
 
147
- mark {
148
- background: #ff0;
149
- color: #000;
141
+ /* 2 */
150
142
  }
151
143
 
152
144
  /**
153
- * Address inconsistent and variable font size in all browsers.
145
+ * Add the correct font size in all browsers.
154
146
  */
155
147
 
156
148
  small {
@@ -158,302 +150,249 @@ small {
158
150
  }
159
151
 
160
152
  /**
161
- * Prevent `sub` and `sup` affecting `line-height` in all browsers.
153
+ * Prevent `sub` and `sup` elements from affecting the line height in
154
+ * all browsers.
162
155
  */
163
156
 
164
- sub {
157
+ sub, sup {
165
158
  font-size: 75%;
166
159
  line-height: 0;
167
160
  position: relative;
168
161
  vertical-align: baseline;
169
162
  }
170
163
 
171
- sup {
172
- font-size: 75%;
173
- line-height: 0;
174
- position: relative;
175
- vertical-align: baseline;
176
- top: -0.5em;
177
- }
178
-
179
164
  sub {
180
165
  bottom: -0.25em;
181
166
  }
182
167
 
168
+ sup {
169
+ top: -0.5em;
170
+ }
171
+
183
172
  /* Embedded content
184
173
  ========================================================================== */
185
174
 
186
175
  /**
187
- * Remove border when inside `a` element in IE 8/9/10.
176
+ * Remove the border on images inside links in IE 10.
188
177
  */
189
178
 
190
179
  img {
191
- border: 0;
180
+ border-style: none;
192
181
  }
193
182
 
183
+ /* Forms
184
+ ========================================================================== */
185
+
194
186
  /**
195
- * Correct overflow not hidden in IE 9/10/11.
187
+ * 1. Change the font styles in all browsers.
188
+ * 2. Remove the margin in Firefox and Safari.
196
189
  */
197
190
 
198
- svg:not(:root) {
199
- overflow: hidden;
200
- }
191
+ button, input, optgroup, select, textarea {
192
+ font-family: inherit;
201
193
 
202
- /* Grouping content
203
- ========================================================================== */
194
+ /* 1 */
195
+ font-size: 100%;
204
196
 
205
- /**
206
- * Address margin not present in IE 8/9 and Safari.
207
- */
197
+ /* 1 */
198
+ line-height: 1.15;
199
+
200
+ /* 1 */
201
+ margin: 0;
208
202
 
209
- figure {
210
- margin: 1em 40px;
203
+ /* 2 */
211
204
  }
212
205
 
213
206
  /**
214
- * Address differences between Firefox and other browsers.
207
+ * Show the overflow in IE.
208
+ * 1. Show the overflow in Edge.
215
209
  */
216
210
 
217
- hr {
218
- -webkit-box-sizing: content-box;
219
- box-sizing: content-box;
220
- height: 0;
211
+ button, input {
212
+ /* 1 */
213
+ overflow: visible;
221
214
  }
222
215
 
223
216
  /**
224
- * Contain overflow in all browsers.
217
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
218
+ * 1. Remove the inheritance of text transform in Firefox.
225
219
  */
226
220
 
227
- pre {
228
- overflow: auto;
221
+ button, select {
222
+ /* 1 */
223
+ text-transform: none;
229
224
  }
230
225
 
231
226
  /**
232
- * Address odd `em`-unit font size rendering in all browsers.
227
+ * Correct the inability to style clickable types in iOS and Safari.
233
228
  */
234
229
 
235
- code, kbd, pre, samp {
236
- font-family: monospace, monospace;
237
- font-size: 1em;
230
+ button, [type="button"], [type="reset"], [type="submit"] {
231
+ -webkit-appearance: button;
238
232
  }
239
233
 
240
- /* Forms
241
- ========================================================================== */
242
-
243
234
  /**
244
- * Known limitation: by default, Chrome and Safari on OS X allow very limited
245
- * styling of `select`, unless a `border` property is set.
235
+ * Remove the inner border and padding in Firefox.
246
236
  */
247
237
 
248
- /**
249
- * 1. Correct color not being inherited.
250
- * Known issue: affects color of disabled elements.
251
- * 2. Correct font properties not being inherited.
252
- * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
253
- */
254
-
255
- button, input, optgroup, select, textarea {
256
- color: inherit;
257
-
258
- /* 1 */
259
- font: inherit;
260
-
261
- /* 2 */
262
- margin: 0;
263
-
264
- /* 3 */
238
+ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
239
+ border-style: none;
240
+ padding: 0;
265
241
  }
266
242
 
267
243
  /**
268
- * Address `overflow` set to `hidden` in IE 8/9/10/11.
244
+ * Restore the focus styles unset by the previous rule.
269
245
  */
270
246
 
271
- button {
272
- overflow: visible;
273
- text-transform: none;
247
+ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
248
+ outline: 1px dotted ButtonText;
274
249
  }
275
250
 
276
251
  /**
277
- * Address inconsistent `text-transform` inheritance for `button` and `select`.
278
- * All other form control elements do not inherit `text-transform` values.
279
- * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
280
- * Correct `select` style inheritance in Firefox.
252
+ * Correct the padding in Firefox.
281
253
  */
282
254
 
283
- select {
284
- text-transform: none;
255
+ fieldset {
256
+ padding: 0.35em 0.75em 0.625em;
285
257
  }
286
258
 
287
259
  /**
288
- * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
289
- * and `video` controls.
290
- * 2. Correct inability to style clickable `input` types in iOS.
291
- * 3. Improve usability and consistency of cursor style between image-type
292
- * `input` and others.
260
+ * 1. Correct the text wrapping in Edge and IE.
261
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
262
+ * 3. Remove the padding so developers are not caught out when they zero out
263
+ * `fieldset` elements in all browsers.
293
264
  */
294
265
 
295
- button, html input[type="button"] {
296
- -webkit-appearance: button;
266
+ legend {
267
+ box-sizing: border-box;
268
+
269
+ /* 1 */
270
+ color: inherit;
297
271
 
298
272
  /* 2 */
299
- cursor: pointer;
273
+ display: table;
300
274
 
301
- /* 3 */
302
- }
275
+ /* 1 */
276
+ max-width: 100%;
303
277
 
304
- input {
305
- &[type="reset"], &[type="submit"] {
306
- -webkit-appearance: button;
278
+ /* 1 */
279
+ padding: 0;
307
280
 
308
- /* 2 */
309
- cursor: pointer;
281
+ /* 3 */
282
+ white-space: normal;
310
283
 
311
- /* 3 */
312
- }
284
+ /* 1 */
313
285
  }
314
286
 
315
287
  /**
316
- * Re-set default cursor for disabled elements.
288
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
317
289
  */
318
290
 
319
- button[disabled], html input[disabled] {
320
- cursor: default;
291
+ progress {
292
+ vertical-align: baseline;
321
293
  }
322
294
 
323
295
  /**
324
- * Remove inner padding and border in Firefox 4+.
296
+ * Remove the default vertical scrollbar in IE 10+.
325
297
  */
326
298
 
327
- button::-moz-focus-inner {
328
- border: 0;
329
- padding: 0;
299
+ textarea {
300
+ overflow: auto;
330
301
  }
331
302
 
332
- input {
333
- &::-moz-focus-inner {
334
- border: 0;
335
- padding: 0;
336
- }
337
-
338
- line-height: normal;
339
-
340
- &[type="checkbox"], &[type="radio"] {
341
- -webkit-box-sizing: border-box;
342
- box-sizing: border-box;
343
-
344
- /* 1 */
345
- padding: 0;
346
-
347
- /* 2 */
348
- }
303
+ /**
304
+ * 1. Add the correct box sizing in IE 10.
305
+ * 2. Remove the padding in IE 10.
306
+ */
349
307
 
350
- &[type="number"] {
351
- &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
352
- height: auto;
353
- }
354
- }
308
+ [type="checkbox"], [type="radio"] {
309
+ box-sizing: border-box;
355
310
 
356
- &[type="search"] {
357
- -webkit-appearance: textfield;
311
+ /* 1 */
312
+ padding: 0;
358
313
 
359
- /* 1 */
360
- -webkit-box-sizing: content-box;
361
- box-sizing: content-box;
314
+ /* 2 */
315
+ }
362
316
 
363
- /* 2 */
317
+ /**
318
+ * Correct the cursor style of increment and decrement buttons in Chrome.
319
+ */
364
320
 
365
- &::-webkit-search-cancel-button, &::-webkit-search-decoration {
366
- -webkit-appearance: none;
367
- }
321
+ [type="number"] {
322
+ &::-webkit-inner-spin-button, &::-webkit-outer-spin-button {
323
+ height: auto;
368
324
  }
369
325
  }
370
326
 
371
327
  /**
372
- * Address Firefox 4+ setting `line-height` on `input` using `!important` in
373
- * the UA stylesheet.
328
+ * 1. Correct the odd appearance in Chrome and Safari.
329
+ * 2. Correct the outline style in Safari.
374
330
  */
375
331
 
376
- /**
377
- * It's recommended that you don't attempt to style these elements.
378
- * Firefox's implementation doesn't respect box-sizing, padding, or width.
379
- *
380
- * 1. Address box sizing set to `content-box` in IE 8/9/10.
381
- * 2. Remove excess padding in IE 8/9/10.
382
- */
332
+ [type="search"] {
333
+ -webkit-appearance: textfield;
383
334
 
384
- /**
385
- * Fix the cursor style for Chrome's increment/decrement buttons. For certain
386
- * `font-size` values of the `input`, it causes the cursor style of the
387
- * decrement button to change from `default` to `text`.
388
- */
335
+ /* 1 */
336
+ outline-offset: -2px;
389
337
 
390
- /**
391
- * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
392
- * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
393
- */
338
+ /* 2 */
394
339
 
395
- /**
396
- * Remove inner padding and search cancel button in Safari and Chrome on OS X.
397
- * Safari (but not Chrome) clips the cancel button when the search input has
398
- * padding (and `textfield` appearance).
399
- */
340
+ &::-webkit-search-decoration {
341
+ -webkit-appearance: none;
342
+ }
343
+ }
400
344
 
401
345
  /**
402
- * Define consistent border, margin, and padding.
346
+ * Remove the inner padding in Chrome and Safari on macOS.
403
347
  */
404
348
 
405
- fieldset {
406
- border: 1px solid #c0c0c0;
407
- margin: 0 2px;
408
- padding: 0.35em 0.625em 0.75em;
409
- }
410
-
411
349
  /**
412
- * 1. Correct `color` not being inherited in IE 8/9/10/11.
413
- * 2. Remove padding so people aren't caught out if they zero out fieldsets.
350
+ * 1. Correct the inability to style clickable types in iOS and Safari.
351
+ * 2. Change font properties to `inherit` in Safari.
414
352
  */
415
353
 
416
- legend {
417
- border: 0;
354
+ ::-webkit-file-upload-button {
355
+ -webkit-appearance: button;
418
356
 
419
357
  /* 1 */
420
- padding: 0;
358
+ font: inherit;
421
359
 
422
360
  /* 2 */
423
361
  }
424
362
 
425
- /**
426
- * Remove default vertical scrollbar in IE 8/9/10/11.
363
+ /* Interactive
364
+ ========================================================================== */
365
+
366
+ /*
367
+ * Add the correct display in Edge, IE 10+, and Firefox.
427
368
  */
428
369
 
429
- textarea {
430
- overflow: auto;
370
+ details {
371
+ display: block;
431
372
  }
432
373
 
433
- /**
434
- * Don't inherit the `font-weight` (applied by a rule above).
435
- * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
374
+ /*
375
+ * Add the correct display in all browsers.
436
376
  */
437
377
 
438
- optgroup {
439
- font-weight: bold;
378
+ summary {
379
+ display: list-item;
440
380
  }
441
381
 
442
- /* Tables
382
+ /* Misc
443
383
  ========================================================================== */
444
384
 
445
385
  /**
446
- * Remove most spacing between table cells.
386
+ * Add the correct display in IE 10+.
447
387
  */
448
388
 
449
- table {
450
- border-collapse: collapse;
451
- border-spacing: 0;
389
+ template, [hidden] {
390
+ display: none;
452
391
  }
453
392
 
454
- td, th {
455
- padding: 0;
456
- }
393
+ /**
394
+ * Add the correct display in IE 10.
395
+ */
457
396
 
458
397
  /*csslint important:false*/
459
398
 
@@ -465,6 +404,10 @@ td, th {
465
404
  * Extra rules that Pure adds on top of Normalize.css
466
405
  */
467
406
 
407
+ html {
408
+ font-family: sans-serif;
409
+ }
410
+
468
411
  /**
469
412
  * Always hide an element when it has the `hidden` HTML attribute.
470
413
  */