@textback/notification-widget 2.0.0 → 2.0.1-102913

Sign up to get free protection for your applications and to get access to all the features.
Files changed (109) hide show
  1. package/.eslintrc.js +291 -291
  2. package/build/index.js +12 -0
  3. package/build/sdk.js +9 -0
  4. package/package.json +70 -68
  5. package/promote_tag.sh +1 -1
  6. package/readme.md +569 -490
  7. package/server.js +8 -4
  8. package/src/libraries/ai.1.0.11.js +4088 -4088
  9. package/src/libraries/localization/locales/cs.js +14 -12
  10. package/src/libraries/localization/locales/en.js +14 -12
  11. package/src/libraries/localization/locales/index.js +8 -8
  12. package/src/libraries/localization/locales/pl.js +14 -12
  13. package/src/libraries/localization/locales/ro.js +14 -12
  14. package/src/libraries/localization/locales/ru.js +13 -12
  15. package/src/libraries/localization/locales/uk.js +14 -12
  16. package/src/libraries/localization/text.js +9 -9
  17. package/src/libraries/t.js +82 -82
  18. package/src/sdk/channels/channel.js +30 -30
  19. package/src/sdk/channels/facebook.js +13 -13
  20. package/src/sdk/channels/factory.js +3 -3
  21. package/src/sdk/channels/skype.js +12 -12
  22. package/src/sdk/channels/telegram.js +18 -18
  23. package/src/sdk/channels/viber.js +12 -12
  24. package/src/sdk/channels/vk-modal/vk-modal.html +17 -17
  25. package/src/sdk/channels/vk-modal/vk-modal.js +25 -25
  26. package/src/sdk/channels/vk-modal/vk-modal.scss +116 -116
  27. package/src/sdk/channels/vk.js +195 -184
  28. package/src/sdk/channels/whatsapp.js +16 -10
  29. package/src/sdk/channels/whatsappb.js +27 -0
  30. package/src/sdk/events/observer.js +46 -46
  31. package/src/sdk/index.js +5 -5
  32. package/src/sdk/sdk.js +67 -30
  33. package/src/sdk/utils/apiErrorHandler.js +11 -11
  34. package/src/sdk/utils/appInsights.js +88 -88
  35. package/src/sdk/utils/browserInfo.js +8 -8
  36. package/src/sdk/utils/constants.js +17 -17
  37. package/src/sdk/utils/cookies.js +67 -50
  38. package/src/sdk/utils/find.js +7 -7
  39. package/src/sdk/utils/loadConfig.js +20 -20
  40. package/src/sdk/utils/loadDeepLink.js +48 -21
  41. package/src/sdk/utils/loadScript.js +25 -25
  42. package/src/sdk/utils/loadSubscriptions.js +6 -6
  43. package/src/sdk/utils/parseQueryString.js +33 -33
  44. package/src/sdk/utils/windowHelper.js +25 -25
  45. package/src/sdk/widget/widget.js +192 -140
  46. package/src/widget/components/index.js +6 -2
  47. package/src/widget/components/tb-notification-button/facebook.js +9 -2
  48. package/src/widget/components/tb-notification-button/index.js +34 -34
  49. package/src/widget/components/tb-notification-button/styles.scss +657 -433
  50. package/src/widget/components/tb-notification-button/telegram.js +9 -2
  51. package/src/widget/components/tb-notification-button/viber.js +9 -2
  52. package/src/widget/components/tb-notification-button/vk.js +59 -50
  53. package/src/widget/components/tb-notification-button/whatsapp.js +15 -8
  54. package/src/widget/components/tb-notification-button/whatsappb.js +58 -0
  55. package/src/widget/components/tb-notification-widget/index.js +589 -384
  56. package/src/widget/components/tb-notification-widget/normalize.scss +395 -394
  57. package/src/widget/components/tb-notification-widget/styles.scss +502 -139
  58. package/src/widget/components/tb-nw-wahunter/index.js +259 -0
  59. package/src/widget/components/tb-nw-wahunter/styles.scss +471 -0
  60. package/src/widget/config.js +5 -5
  61. package/src/widget/icons/icon_chat_window.svg +1 -0
  62. package/src/widget/icons/icon_close.svg +1 -0
  63. package/src/widget/icons/icon_facebook.svg +7 -7
  64. package/src/widget/icons/icon_facebook_circle.svg +7 -9
  65. package/src/widget/icons/icon_instagram_circle.svg +95 -95
  66. package/src/widget/icons/icon_skype.svg +44 -44
  67. package/src/widget/icons/icon_skype_circle.svg +46 -46
  68. package/src/widget/icons/icon_skype_new.svg +113 -113
  69. package/src/widget/icons/icon_tg.svg +25 -25
  70. package/src/widget/icons/icon_tg_circle.svg +17 -27
  71. package/src/widget/icons/icon_viber.svg +75 -75
  72. package/src/widget/icons/icon_viber_circle.svg +67 -77
  73. package/src/widget/icons/icon_viber_new.svg +102 -102
  74. package/src/widget/icons/icon_vk.svg +14 -14
  75. package/src/widget/icons/icon_vk_circle.svg +16 -16
  76. package/src/widget/icons/icon_whatsapp.svg +147 -147
  77. package/src/widget/icons/icon_whatsapp_circle.svg +3 -3
  78. package/src/widget/icons/icon_whatsapp_hollow.svg +128 -0
  79. package/src/widget/icons/icon_whatsapp_new.svg +127 -127
  80. package/src/widget/icons/icon_whatsappb.svg +147 -0
  81. package/src/widget/icons/icon_whatsappb_circle.svg +4 -0
  82. package/src/widget/icons/icon_whatsappb_new.svg +127 -0
  83. package/src/widget/icons/paper-plane-arrow.svg +3 -0
  84. package/src/widget/icons/tb-logo.svg +21 -0
  85. package/src/widget/index.js +28 -28
  86. package/src/widget/locales/cs.js +42 -0
  87. package/src/widget/locales/en.js +42 -20
  88. package/src/widget/locales/index.js +2 -2
  89. package/src/widget/locales/pl.js +41 -19
  90. package/src/widget/locales/ro.js +41 -20
  91. package/src/widget/locales/ru.js +40 -19
  92. package/src/widget/locales/uk.js +40 -19
  93. package/src/widget/utils/cookiesEx.js +41 -41
  94. package/src/widget/utils/getLocale.js +4 -2
  95. package/src/widget/utils/stringifyAttributes.js +19 -19
  96. package/src/widget/utils/text.js +2 -1
  97. package/src/widget/utils/widgetsStorage.js +28 -28
  98. package/src/widget/widget.entry.js +3 -4
  99. package/tests/gf.html +35 -35
  100. package/tests/gf.js +21 -21
  101. package/tests/index.js +61 -61
  102. package/views/examples.ejs +7 -3
  103. package/views/sdk.html +274 -256
  104. package/webpack.common.js +72 -72
  105. package/webpack.dev.js +15 -15
  106. package/webpack.prod.js +10 -10
  107. package/src/widget/components/tb-notification-button/skype.js +0 -47
  108. package/src/widget/icons/text-back-badge.png +0 -0
  109. package/src/widget/locales/cz.js +0 -20
@@ -1,394 +1,395 @@
1
- /*based on*/
2
- /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
3
- tb-notification-widget #tb-notification-widget-inner.tb-notification-widget-inner {
4
- /**
5
- * Correct the font size and margin on `h1` elements within `section` and
6
- * `article` contexts in Chrome, Firefox, and Safari.
7
- */
8
-
9
- h1 {
10
- font-size: 2em;
11
- margin: 0.67em 0;
12
- }
13
-
14
- /* Grouping content
15
- ========================================================================== */
16
-
17
- /**
18
- * Add the correct display in IE 9-.
19
- * 1. Add the correct display in IE.
20
- */
21
-
22
- figcaption,
23
- figure,
24
- main { /* 1 */
25
- display: block;
26
- }
27
-
28
- /**
29
- * 1. Add the correct box sizing in Firefox.
30
- * 2. Show the overflow in Edge and IE.
31
- */
32
-
33
- hr {
34
- box-sizing: content-box; /* 1 */
35
- height: 0; /* 1 */
36
- overflow: visible; /* 2 */
37
- }
38
-
39
- /**
40
- * 1. Correct the inheritance and scaling of font size in all browsers.
41
- * 2. Correct the odd `em` font sizing in all browsers.
42
- */
43
-
44
- pre {
45
- font-family: monospace, monospace; /* 1 */
46
- font-size: 1em; /* 2 */
47
- }
48
-
49
- /* Text-level semantics
50
- ========================================================================== */
51
-
52
- /**
53
- * 1. Remove the gray background on active links in IE 10.
54
- * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
55
- */
56
-
57
- a {
58
- background-color: transparent; /* 1 */
59
- -webkit-text-decoration-skip: objects; /* 2 */
60
- }
61
-
62
- /**
63
- * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
64
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
65
- */
66
-
67
- abbr[title] {
68
- border-bottom: none; /* 1 */
69
- text-decoration: underline; /* 2 */
70
- text-decoration: underline dotted; /* 2 */
71
- }
72
-
73
- /**
74
- * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
75
- */
76
-
77
- b,
78
- strong {
79
- font-weight: inherit;
80
- }
81
-
82
- /**
83
- * Add the correct font weight in Chrome, Edge, and Safari.
84
- */
85
-
86
- b,
87
- strong {
88
- font-weight: bolder;
89
- }
90
-
91
- /**
92
- * 1. Correct the inheritance and scaling of font size in all browsers.
93
- * 2. Correct the odd `em` font sizing in all browsers.
94
- */
95
-
96
- code,
97
- kbd,
98
- samp {
99
- font-family: monospace, monospace; /* 1 */
100
- font-size: 1em; /* 2 */
101
- }
102
-
103
- /**
104
- * Add the correct font style in Android 4.3-.
105
- */
106
-
107
- dfn {
108
- font-style: italic;
109
- }
110
-
111
- /**
112
- * Add the correct background and color in IE 9-.
113
- */
114
-
115
- mark {
116
- background-color: #ff0;
117
- color: #000;
118
- }
119
-
120
- /**
121
- * Add the correct font size in all browsers.
122
- */
123
-
124
- small {
125
- font-size: 80%;
126
- }
127
-
128
- /**
129
- * Prevent `sub` and `sup` elements from affecting the line height in
130
- * all browsers.
131
- */
132
-
133
- sub,
134
- sup {
135
- font-size: 75%;
136
- line-height: 0;
137
- position: relative;
138
- vertical-align: baseline;
139
- }
140
-
141
- sub {
142
- bottom: -0.25em;
143
- }
144
-
145
- sup {
146
- top: -0.5em;
147
- }
148
-
149
- /* Embedded content
150
- ========================================================================== */
151
-
152
- /**
153
- * Add the correct display in IE 9-.
154
- */
155
-
156
- audio,
157
- video {
158
- display: inline-block;
159
- }
160
-
161
- /**
162
- * Add the correct display in iOS 4-7.
163
- */
164
-
165
- audio:not([controls]) {
166
- display: none;
167
- height: 0;
168
- }
169
-
170
- /**
171
- * Remove the border on images inside links in IE 10-.
172
- */
173
-
174
- img {
175
- border-style: none;
176
- }
177
-
178
- /**
179
- * Hide the overflow in IE.
180
- */
181
-
182
- svg:not(:root) {
183
- overflow: hidden;
184
- }
185
-
186
- /* Forms
187
- ========================================================================== */
188
-
189
- /**
190
- * 1. Change the font styles in all browsers (opinionated).
191
- * 2. Remove the margin in Firefox and Safari.
192
- */
193
-
194
- button,
195
- input,
196
- optgroup,
197
- select,
198
- textarea {
199
- font-family: sans-serif; /* 1 */
200
- font-size: 100%; /* 1 */
201
- line-height: 1.15; /* 1 */
202
- margin: 0; /* 2 */
203
- }
204
-
205
- /**
206
- * Show the overflow in IE.
207
- * 1. Show the overflow in Edge.
208
- */
209
-
210
- button,
211
- input { /* 1 */
212
- overflow: visible;
213
- }
214
-
215
- /**
216
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
217
- * 1. Remove the inheritance of text transform in Firefox.
218
- */
219
-
220
- button,
221
- select { /* 1 */
222
- text-transform: none;
223
- }
224
-
225
- /**
226
- * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
227
- * controls in Android 4.
228
- * 2. Correct the inability to style clickable types in iOS and Safari.
229
- */
230
-
231
- button,
232
- html [type="button"], /* 1 */
233
- [type="reset"],
234
- [type="submit"] {
235
- -webkit-appearance: button; /* 2 */
236
- }
237
-
238
- /**
239
- * Remove the inner border and padding in Firefox.
240
- */
241
-
242
- button::-moz-focus-inner,
243
- [type="button"]::-moz-focus-inner,
244
- [type="reset"]::-moz-focus-inner,
245
- [type="submit"]::-moz-focus-inner {
246
- border-style: none;
247
- padding: 0;
248
- }
249
-
250
- /**
251
- * Restore the focus styles unset by the previous rule.
252
- */
253
-
254
- button:-moz-focusring,
255
- [type="button"]:-moz-focusring,
256
- [type="reset"]:-moz-focusring,
257
- [type="submit"]:-moz-focusring {
258
- outline: 1px dotted ButtonText;
259
- }
260
-
261
- /**
262
- * Correct the padding in Firefox.
263
- */
264
-
265
- fieldset {
266
- padding: 0.35em 0.75em 0.625em;
267
- }
268
-
269
- /**
270
- * 1. Correct the text wrapping in Edge and IE.
271
- * 2. Correct the color inheritance from `fieldset` elements in IE.
272
- * 3. Remove the padding so developers are not caught out when they zero out
273
- * `fieldset` elements in all browsers.
274
- */
275
-
276
- legend {
277
- box-sizing: border-box; /* 1 */
278
- color: inherit; /* 2 */
279
- display: table; /* 1 */
280
- max-width: 100%; /* 1 */
281
- padding: 0; /* 3 */
282
- white-space: normal; /* 1 */
283
- }
284
-
285
- /**
286
- * 1. Add the correct display in IE 9-.
287
- * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
288
- */
289
-
290
- progress {
291
- display: inline-block; /* 1 */
292
- vertical-align: baseline; /* 2 */
293
- }
294
-
295
- /**
296
- * Remove the default vertical scrollbar in IE.
297
- */
298
-
299
- textarea {
300
- overflow: auto;
301
- }
302
-
303
- /**
304
- * 1. Add the correct box sizing in IE 10-.
305
- * 2. Remove the padding in IE 10-.
306
- */
307
-
308
- [type="checkbox"],
309
- [type="radio"] {
310
- box-sizing: border-box; /* 1 */
311
- padding: 0; /* 2 */
312
- }
313
-
314
- /**
315
- * Correct the cursor style of increment and decrement buttons in Chrome.
316
- */
317
-
318
- [type="number"]::-webkit-inner-spin-button,
319
- [type="number"]::-webkit-outer-spin-button {
320
- height: auto;
321
- }
322
-
323
- /**
324
- * 1. Correct the odd appearance in Chrome and Safari.
325
- * 2. Correct the outline style in Safari.
326
- */
327
-
328
- [type="search"] {
329
- -webkit-appearance: textfield; /* 1 */
330
- outline-offset: -2px; /* 2 */
331
- }
332
-
333
- /**
334
- * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
335
- */
336
-
337
- [type="search"]::-webkit-search-cancel-button,
338
- [type="search"]::-webkit-search-decoration {
339
- -webkit-appearance: none;
340
- }
341
-
342
- /**
343
- * 1. Correct the inability to style clickable types in iOS and Safari.
344
- * 2. Change font properties to `inherit` in Safari.
345
- */
346
-
347
- ::-webkit-file-upload-button {
348
- -webkit-appearance: button; /* 1 */
349
- font: inherit; /* 2 */
350
- }
351
-
352
- /* Interactive
353
- ========================================================================== */
354
-
355
- /*
356
- * Add the correct display in IE 9-.
357
- * 1. Add the correct display in Edge, IE, and Firefox.
358
- */
359
-
360
- details, /* 1 */
361
- menu {
362
- display: block;
363
- }
364
-
365
- /*
366
- * Add the correct display in all browsers.
367
- */
368
-
369
- summary {
370
- display: list-item;
371
- }
372
-
373
- /* Scripting
374
- ========================================================================== */
375
-
376
- /**
377
- * Add the correct display in IE.
378
- */
379
-
380
- template {
381
- display: none;
382
- }
383
-
384
- /* Hidden
385
- ========================================================================== */
386
-
387
- /**
388
- * Add the correct display in IE 10-.
389
- */
390
-
391
- [hidden] {
392
- display: none;
393
- }
394
- }
1
+ /*based on*/
2
+ /*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
3
+ tb-notification-widget #tb-notification-widget-inner.tb-notification-widget-inner {
4
+ /**
5
+ * Correct the font size and margin on `h1` elements within `section` and
6
+ * `article` contexts in Chrome, Firefox, and Safari.
7
+ */
8
+
9
+ h1 {
10
+ font-size: 2em;
11
+ margin: 0.67em 0;
12
+ }
13
+
14
+ /* Grouping content
15
+ ========================================================================== */
16
+
17
+ /**
18
+ * Add the correct display in IE 9-.
19
+ * 1. Add the correct display in IE.
20
+ */
21
+
22
+ figcaption,
23
+ figure,
24
+ main { /* 1 */
25
+ display: block;
26
+ }
27
+
28
+ /**
29
+ * 1. Add the correct box sizing in Firefox.
30
+ * 2. Show the overflow in Edge and IE.
31
+ */
32
+
33
+ hr {
34
+ box-sizing: content-box; /* 1 */
35
+ height: 0; /* 1 */
36
+ overflow: visible; /* 2 */
37
+ }
38
+
39
+ /**
40
+ * 1. Correct the inheritance and scaling of font size in all browsers.
41
+ * 2. Correct the odd `em` font sizing in all browsers.
42
+ */
43
+
44
+ pre {
45
+ font-family: monospace, monospace; /* 1 */
46
+ font-size: 1em; /* 2 */
47
+ }
48
+
49
+ /* Text-level semantics
50
+ ========================================================================== */
51
+
52
+ /**
53
+ * 1. Remove the gray background on active links in IE 10.
54
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
55
+ */
56
+
57
+ a {
58
+ background-color: transparent; /* 1 */
59
+ -webkit-text-decoration-skip: objects; /* 2 */
60
+ }
61
+
62
+ /**
63
+ * 1. Remove the bottom border in Chrome 57- and Firefox 39-.
64
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
65
+ */
66
+
67
+ abbr[title] {
68
+ border-bottom: none; /* 1 */
69
+ text-decoration: underline; /* 2 */
70
+ text-decoration: underline dotted; /* 2 */
71
+ }
72
+
73
+ /**
74
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
75
+ */
76
+
77
+ b,
78
+ strong {
79
+ font-weight: inherit;
80
+ }
81
+
82
+ /**
83
+ * Add the correct font weight in Chrome, Edge, and Safari.
84
+ */
85
+
86
+ b,
87
+ strong {
88
+ font-weight: bolder;
89
+ }
90
+
91
+ /**
92
+ * 1. Correct the inheritance and scaling of font size in all browsers.
93
+ * 2. Correct the odd `em` font sizing in all browsers.
94
+ */
95
+
96
+ code,
97
+ kbd,
98
+ samp {
99
+ font-family: monospace, monospace; /* 1 */
100
+ font-size: 1em; /* 2 */
101
+ }
102
+
103
+ /**
104
+ * Add the correct font style in Android 4.3-.
105
+ */
106
+
107
+ dfn {
108
+ font-style: italic;
109
+ }
110
+
111
+ /**
112
+ * Add the correct background and color in IE 9-.
113
+ */
114
+
115
+ mark {
116
+ background-color: #ff0;
117
+ color: #000;
118
+ }
119
+
120
+ /**
121
+ * Add the correct font size in all browsers.
122
+ */
123
+
124
+ small {
125
+ font-size: 80%;
126
+ }
127
+
128
+ /**
129
+ * Prevent `sub` and `sup` elements from affecting the line height in
130
+ * all browsers.
131
+ */
132
+
133
+ sub,
134
+ sup {
135
+ font-size: 75%;
136
+ line-height: 0;
137
+ position: relative;
138
+ vertical-align: baseline;
139
+ }
140
+
141
+ sub {
142
+ bottom: -0.25em;
143
+ }
144
+
145
+ sup {
146
+ top: -0.5em;
147
+ }
148
+
149
+ /* Embedded content
150
+ ========================================================================== */
151
+
152
+ /**
153
+ * Add the correct display in IE 9-.
154
+ */
155
+
156
+ audio,
157
+ video {
158
+ display: inline-block;
159
+ }
160
+
161
+ /**
162
+ * Add the correct display in iOS 4-7.
163
+ */
164
+
165
+ audio:not([controls]) {
166
+ display: none;
167
+ height: 0;
168
+ }
169
+
170
+ /**
171
+ * Remove the border on images inside links in IE 10-.
172
+ */
173
+
174
+ img {
175
+ border-style: none;
176
+ }
177
+
178
+ /**
179
+ * Hide the overflow in IE.
180
+ */
181
+
182
+ svg:not(:root) {
183
+ overflow: hidden;
184
+ }
185
+
186
+ /* Forms
187
+ ========================================================================== */
188
+
189
+ /**
190
+ * 1. Change the font styles in all browsers (opinionated).
191
+ * 2. Remove the margin in Firefox and Safari.
192
+ */
193
+
194
+ button,
195
+ input,
196
+ optgroup,
197
+ select,
198
+ textarea {
199
+ font-family: sans-serif; /* 1 */
200
+ font-size: 100%; /* 1 */
201
+ line-height: 1.15; /* 1 */
202
+ margin: 0; /* 2 */
203
+ }
204
+
205
+ /**
206
+ * Show the overflow in IE.
207
+ * 1. Show the overflow in Edge.
208
+ */
209
+
210
+ button,
211
+ input { /* 1 */
212
+ overflow: visible;
213
+ }
214
+
215
+ /**
216
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
217
+ * 1. Remove the inheritance of text transform in Firefox.
218
+ */
219
+
220
+ button,
221
+ select { /* 1 */
222
+ text-transform: none;
223
+ }
224
+
225
+ /**
226
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
227
+ * controls in Android 4.
228
+ * 2. Correct the inability to style clickable types in iOS and Safari.
229
+ */
230
+
231
+ button,
232
+ html [type="button"], /* 1 */
233
+ [type="reset"],
234
+ [type="submit"] {
235
+ -webkit-appearance: button; /* 2 */
236
+ }
237
+
238
+ /**
239
+ * Remove the inner border and padding in Firefox.
240
+ */
241
+
242
+ button::-moz-focus-inner,
243
+ [type="button"]::-moz-focus-inner,
244
+ [type="reset"]::-moz-focus-inner,
245
+ [type="submit"]::-moz-focus-inner {
246
+ border-style: none;
247
+ padding: 0;
248
+ }
249
+
250
+ /**
251
+ * Restore the focus styles unset by the previous rule.
252
+ */
253
+
254
+ button:-moz-focusring,
255
+ [type="button"]:-moz-focusring,
256
+ [type="reset"]:-moz-focusring,
257
+ [type="submit"]:-moz-focusring {
258
+ outline: 1px dotted ButtonText;
259
+ }
260
+
261
+ /**
262
+ * Correct the padding in Firefox.
263
+ */
264
+
265
+ fieldset {
266
+ padding: 0.35em 0.75em 0.625em;
267
+ }
268
+
269
+ /**
270
+ * 1. Correct the text wrapping in Edge and IE.
271
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
272
+ * 3. Remove the padding so developers are not caught out when they zero out
273
+ * `fieldset` elements in all browsers.
274
+ */
275
+
276
+ legend {
277
+ box-sizing: border-box; /* 1 */
278
+ color: inherit; /* 2 */
279
+ display: table; /* 1 */
280
+ max-width: 100%; /* 1 */
281
+ padding: 0; /* 3 */
282
+ white-space: normal; /* 1 */
283
+ }
284
+
285
+ /**
286
+ * 1. Add the correct display in IE 9-.
287
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
288
+ */
289
+
290
+ progress {
291
+ display: inline-block; /* 1 */
292
+ vertical-align: baseline; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the default vertical scrollbar in IE.
297
+ */
298
+
299
+ textarea {
300
+ overflow: auto;
301
+ }
302
+
303
+ /**
304
+ * 1. Add the correct box sizing in IE 10-.
305
+ * 2. Remove the padding in IE 10-.
306
+ */
307
+
308
+ [type="checkbox"],
309
+ [type="radio"] {
310
+ box-sizing: border-box; /* 1 */
311
+ padding: 0; /* 2 */
312
+ opacity: 1;
313
+ }
314
+
315
+ /**
316
+ * Correct the cursor style of increment and decrement buttons in Chrome.
317
+ */
318
+
319
+ [type="number"]::-webkit-inner-spin-button,
320
+ [type="number"]::-webkit-outer-spin-button {
321
+ height: auto;
322
+ }
323
+
324
+ /**
325
+ * 1. Correct the odd appearance in Chrome and Safari.
326
+ * 2. Correct the outline style in Safari.
327
+ */
328
+
329
+ [type="search"] {
330
+ -webkit-appearance: textfield; /* 1 */
331
+ outline-offset: -2px; /* 2 */
332
+ }
333
+
334
+ /**
335
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
336
+ */
337
+
338
+ [type="search"]::-webkit-search-cancel-button,
339
+ [type="search"]::-webkit-search-decoration {
340
+ -webkit-appearance: none;
341
+ }
342
+
343
+ /**
344
+ * 1. Correct the inability to style clickable types in iOS and Safari.
345
+ * 2. Change font properties to `inherit` in Safari.
346
+ */
347
+
348
+ ::-webkit-file-upload-button {
349
+ -webkit-appearance: button; /* 1 */
350
+ font: inherit; /* 2 */
351
+ }
352
+
353
+ /* Interactive
354
+ ========================================================================== */
355
+
356
+ /*
357
+ * Add the correct display in IE 9-.
358
+ * 1. Add the correct display in Edge, IE, and Firefox.
359
+ */
360
+
361
+ details, /* 1 */
362
+ menu {
363
+ display: block;
364
+ }
365
+
366
+ /*
367
+ * Add the correct display in all browsers.
368
+ */
369
+
370
+ summary {
371
+ display: list-item;
372
+ }
373
+
374
+ /* Scripting
375
+ ========================================================================== */
376
+
377
+ /**
378
+ * Add the correct display in IE.
379
+ */
380
+
381
+ template {
382
+ display: none;
383
+ }
384
+
385
+ /* Hidden
386
+ ========================================================================== */
387
+
388
+ /**
389
+ * Add the correct display in IE 10-.
390
+ */
391
+
392
+ [hidden] {
393
+ display: none;
394
+ }
395
+ }