purecss-sass 1.0.1.1 → 2.0.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.
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
  */