@stackoverflow/stacks 0.73.1 → 0.76.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.
Files changed (87) hide show
  1. package/LICENSE.MD +9 -9
  2. package/README.md +47 -47
  3. package/dist/controllers/index.d.ts +7 -0
  4. package/dist/controllers/s-expandable-control.d.ts +17 -0
  5. package/dist/controllers/s-modal.d.ts +97 -0
  6. package/dist/controllers/s-navigation-tablist.d.ts +36 -0
  7. package/dist/controllers/s-popover.d.ts +155 -0
  8. package/dist/controllers/s-table.d.ts +8 -0
  9. package/dist/controllers/s-tooltip.d.ts +82 -0
  10. package/dist/controllers/s-uploader.d.ts +48 -0
  11. package/dist/css/stacks.css +441 -141
  12. package/dist/css/stacks.min.css +1 -1
  13. package/dist/index.d.ts +3 -0
  14. package/dist/js/stacks.js +6130 -5488
  15. package/dist/js/stacks.min.js +1 -1
  16. package/dist/stacks.d.ts +21 -0
  17. package/lib/css/atomic/_stacks-borders.less +378 -378
  18. package/lib/css/atomic/_stacks-colors.less +209 -209
  19. package/lib/css/atomic/_stacks-flex.less +374 -374
  20. package/lib/css/atomic/_stacks-grid.less +174 -173
  21. package/lib/css/atomic/_stacks-misc.less +343 -342
  22. package/lib/css/atomic/_stacks-spacing.less +168 -162
  23. package/lib/css/atomic/_stacks-typography.less +273 -270
  24. package/lib/css/atomic/_stacks-width-height.less +195 -189
  25. package/lib/css/base/_stacks-body.less +44 -46
  26. package/lib/css/base/_stacks-configuration-static.less +59 -59
  27. package/lib/css/base/_stacks-icons.less +20 -20
  28. package/lib/css/base/_stacks-internals.less +220 -230
  29. package/lib/css/base/_stacks-reset-meyer.less +64 -64
  30. package/lib/css/base/_stacks-reset-normalize.less +449 -449
  31. package/lib/css/base/_stacks-reset.less +20 -20
  32. package/lib/css/components/_stacks-activity-indicator.less +45 -45
  33. package/lib/css/components/_stacks-avatars.less +189 -189
  34. package/lib/css/components/_stacks-badges.less +209 -209
  35. package/lib/css/components/_stacks-banners.less +80 -81
  36. package/lib/css/components/_stacks-blank-states.less +26 -26
  37. package/lib/css/components/_stacks-breadcrumbs.less +44 -44
  38. package/lib/css/components/_stacks-button-groups.less +104 -104
  39. package/lib/css/components/_stacks-buttons.less +658 -660
  40. package/lib/css/components/_stacks-cards.less +44 -44
  41. package/lib/css/components/_stacks-code-blocks.less +130 -130
  42. package/lib/css/components/_stacks-collapsible.less +104 -104
  43. package/lib/css/components/_stacks-inputs.less +728 -724
  44. package/lib/css/components/_stacks-link-previews.less +136 -136
  45. package/lib/css/components/_stacks-links.less +218 -218
  46. package/lib/css/components/_stacks-menu.less +47 -47
  47. package/lib/css/components/_stacks-modals.less +133 -133
  48. package/lib/css/components/_stacks-navigation.less +146 -146
  49. package/lib/css/components/_stacks-notices.less +233 -233
  50. package/lib/css/components/_stacks-page-titles.less +60 -60
  51. package/lib/css/components/_stacks-pagination.less +55 -55
  52. package/lib/css/components/_stacks-popovers.less +197 -197
  53. package/lib/css/components/_stacks-post-summary.less +425 -311
  54. package/lib/css/components/_stacks-progress-bars.less +331 -331
  55. package/lib/css/components/_stacks-prose.less +503 -503
  56. package/lib/css/components/_stacks-spinner.less +107 -107
  57. package/lib/css/components/_stacks-tables.less +341 -341
  58. package/lib/css/components/_stacks-tags.less +237 -209
  59. package/lib/css/components/_stacks-toggle-switches.less +144 -137
  60. package/lib/css/components/_stacks-topbar.less +425 -440
  61. package/lib/css/components/_stacks-uploader.less +210 -210
  62. package/lib/css/components/_stacks-user-cards.less +169 -193
  63. package/lib/css/components/_stacks-widget-dynamic.less +33 -33
  64. package/lib/css/components/_stacks-widget-static.less +272 -272
  65. package/lib/css/exports/_stacks-constants-colors.less +1112 -1098
  66. package/lib/css/exports/_stacks-constants-helpers.less +139 -139
  67. package/lib/css/exports/_stacks-constants-type.less +152 -91
  68. package/lib/css/exports/_stacks-exports.less +15 -15
  69. package/lib/css/exports/_stacks-mixins.less +220 -220
  70. package/lib/css/stacks-dynamic.less +35 -36
  71. package/lib/css/stacks-static.less +86 -86
  72. package/lib/ts/controllers/index.ts +8 -0
  73. package/lib/ts/controllers/s-expandable-control.ts +189 -190
  74. package/lib/ts/controllers/s-modal.ts +321 -323
  75. package/lib/ts/controllers/s-navigation-tablist.ts +118 -119
  76. package/lib/ts/controllers/s-popover.ts +547 -549
  77. package/lib/ts/controllers/s-table.ts +220 -220
  78. package/lib/ts/controllers/s-tooltip.ts +246 -247
  79. package/lib/ts/controllers/s-uploader.ts +172 -174
  80. package/lib/ts/index.ts +20 -0
  81. package/lib/ts/stacks.ts +88 -83
  82. package/lib/tsconfig.json +13 -11
  83. package/package.json +87 -71
  84. package/dist/css/stacks-flexgrid-shim.min.css +0 -1
  85. package/lib/css/base/_stacks-configuration-dynamic.less +0 -106
  86. package/lib/ts/finalize.ts +0 -1
  87. package/lib/ts/stimulus.d.ts +0 -4
package/lib/css/base/_stacks-internals.less CHANGED
@@ -1,230 +1,220 @@
1
- /* stylelint-disable */
2
- #stacks-internals() {
3
- // Load the configuration variables into the current scope. Example:
4
- //
5
- // a {
6
- // #stacks-internals #load-config();
7
- // color: @link-color-regular;
8
- // }
9
- #load-config() {
10
- #stacks-config();
11
- }
12
-
13
- #load-static-config() {
14
- #stacks-config-static();
15
- }
16
-
17
- // ===========================================================================
18
- // -- RESPONSIVE (modern)
19
- // #responsify renders a plain class as well as its responsive counterparts.
20
- //
21
- // Usage example:
22
- //
23
- // #stacks-internals #responsify('.d-none', { display: none !important; });
24
- //
25
- // ---------------------------------------------------------------------------
26
-
27
- #responsify(@class, @rules) {
28
- @nodot-s: replace(@class, "^\.", "");
29
- @nodot: ~"@{nodot-s}";
30
-
31
- .@{nodot} {
32
- @rules();
33
- }
34
-
35
- #stacks-internals-collect-large() {
36
- .lg\:@{nodot} {
37
- @rules();
38
- };
39
- }
40
- #stacks-internals-collect-medium() {
41
- .md\:@{nodot} {
42
- @rules();
43
- };
44
- }
45
- #stacks-internals-collect-small() {
46
- .sm\:@{nodot} {
47
- @rules();
48
- };
49
- }
50
- }
51
-
52
- // ===========================================================================
53
- // -- RESPONSIVE
54
- // The three #screen-XX mixins wrap the given rules in the appropriate
55
- // media queries and (if applicable) selector prefixes for all breakpoint
56
- // groups that have been defined in the static configuration section.
57
- //
58
- // Usage example:
59
- //
60
- // .lg\:comic-sans {
61
- // #stacks-internals #screen-lg({
62
- // font-family: "Comic Sans MS";
63
- // });
64
- // }
65
- //
66
- // If @force-selector is `true`, the @rules will be evaluated inside a `html { ... }`
67
- // block if a breakpoint group doesn't have a selector. You should only use this if you
68
- // need to apply CSS to the root element itself:
69
- //
70
- // #stacks-internals #screen-lg({
71
- // &, body {
72
- // font-size: 77px;
73
- // }
74
- // }, @force-selector: true);
75
- //
76
- // The above sets the font size on <html> and <body> at the appropriate widths, regardless
77
- // of whether responsiveness was configured with or without selectors.
78
- // ---------------------------------------------------------------------------
79
-
80
- #screen-lg(@rules, @force-selector: false) {
81
- #stacks-internals #load-static-config();
82
- #stacks-internals #responsive-stuff(0, @rules, @breakpoints, 1, @force-selector);
83
- }
84
- #screen-md(@rules, @force-selector: false) {
85
- #stacks-internals #load-static-config();
86
- #stacks-internals #responsive-stuff(1, @rules, @breakpoints, 1, @force-selector);
87
- }
88
- #screen-sm(@rules, @force-selector: false) {
89
- #stacks-internals #load-static-config();
90
- #stacks-internals #responsive-stuff(2, @rules, @breakpoints, 1, @force-selector);
91
- }
92
-
93
- // @bp-index is 0 (large), 1 (medium), or 2 (small). @start-index is the index into the @breakpoints config option
94
- // which is increased recursively to exhaust the whole list.
95
- #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index, @force-selector: false) when (@start-index < length(@breakpoints)) {
96
-
97
- // If the first list element is a string, it's a selector that is prepended to the responsive class
98
- & when (isstring(extract(@breakpoints, @start-index))) {
99
-
100
- // the actual breakpoint; "+1" to skip the (selector) string
101
- @bp: extract(@breakpoints, @start-index + @bp-index + 1);
102
-
103
- // convert the selector string into an identifier (i.e. remove the quotes)
104
- @sel-s: extract(@breakpoints, @start-index);
105
- @sel: ~"@{sel-s}";
106
-
107
- @media (max-width: (@bp)) {
108
- @{sel} & {
109
- @rules();
110
- }
111
- }
112
-
113
- // recursively descend to handle the next breakpoint group ("+4" for the selector string and the three breakpoint values)
114
- #stacks-internals #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index + 4, @force-selector)
115
- }
116
-
117
- // If the first list element is a number (i.e. pixel value), there is no selector string
118
- & when (isnumber(extract(@breakpoints, @start-index))) {
119
-
120
- // the actual breakpoint
121
- @bp: extract(@breakpoints, @start-index + @bp-index);
122
-
123
- & when not (@force-selector) {
124
- @media (max-width: (@bp)) {
125
- @rules();
126
- }
127
- }
128
-
129
- & when (@force-selector) {
130
- @media (max-width: (@bp)) {
131
- html & {
132
- @rules();
133
- }
134
- }
135
- }
136
-
137
- // recursively descend to handle the next breakpoint group ("+3" for the three breakpoint values)
138
- #stacks-internals #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index + 3, @force-selector)
139
- }
140
- }
141
-
142
- // ===========================================================================
143
- // -- AUTO-GENERATING
144
- // #build-classes is a tool for auto-generating a bunch of related, usually atomic,
145
- // classes.
146
- // The first argument is optional; if given, it must be `responsive`, in which case
147
- // the corresponding responsive classes will be generated as well.
148
- // The next argument, @class-prefix, is the prefix of the generated class names,
149
- // including the dot.
150
- // The @rules argument is a detached ruleset that must contain a mixin called .template()
151
- // which takes a single argument.
152
- // The @values argument is a list of values that will be passed to the template.
153
- //
154
- // The final generated class name consists of
155
- // 1) the given prefix,
156
- // 2a) if the value is a negative number, the letter "n",
157
- // 2b) if the value is not a number, a dash "-"
158
- // 3) the actual value, stripped of any unit (if applicable).
159
- //
160
- // Usage example:
161
- //
162
- // #stacks-internals #build-classes(
163
- // '.ml',
164
- // { .template(@value) { margin-left: @value; } },
165
- // -50%, auto, 20px
166
- // )
167
- //
168
- // will generate:
169
- //
170
- // .mln50 { margin-left: -50%; }
171
- // .ml-auto { margin-left: auto; }
172
- // .ml20 { margin-left: 20px; }
173
- //
174
- // ---------------------------------------------------------------------------
175
-
176
-
177
- #build-classes(@class-prefix, @rules, @values) {
178
- #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, 1, false, @values);
179
- }
180
- #build-classes(responsive, @class-prefix, @rules, @values) {
181
- #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, 1, true, @values);
182
- }
183
- #build-classes-with-start-index(@class-prefix, @rules, @start-index, @responsive, @values) when (@start-index <= length(@values)) {
184
- @val: extract(@values, @start-index);
185
- & when (isnumber(@val)) {
186
- @unitless: unit(@val);
187
- & when (@unitless < 0) {
188
- @abs: abs(@unitless);
189
- @class-name: ~"@{class-prefix}n@{abs}";
190
-
191
- & when not (@responsive) {
192
- @{class-name} { @rules(); .template(@val); }
193
- }
194
-
195
- & when (@responsive) {
196
- #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
197
- }
198
-
199
- }
200
- & when (@unitless >= 0) {
201
- @class-name: ~"@{class-prefix}@{unitless}";
202
- & when not (@responsive) {
203
- @{class-name} { @rules(); .template(@val); }
204
- }
205
-
206
- & when (@responsive) {
207
- #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
208
- }
209
- }
210
- }
211
- & when not (isnumber(@val)) {
212
- @class-name: ~"@{class-prefix}-@{val}";
213
- & when not (@responsive) {
214
- @{class-name} { @rules(); .template(@val); }
215
- }
216
-
217
- & when (@responsive) {
218
- #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
219
- }
220
- }
221
-
222
- #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, @start-index + 1, @responsive, @values);
223
- }
224
-
225
- #bullet-arrow(@col) {
226
- @image: '<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 7 10" xmlns="http://www.w3.org/2000/svg"><path d="m0.72153 0.68446 4.1336 4.3077-4.1336 4.3077" fill="none" stroke="@{col}" stroke-width="2"/></svg>';
227
- @encoded-image: escape(@image);
228
- background-image: url("data:image/svg+xml,@{encoded-image}");
229
- }
230
- }
1
+ /* stylelint-disable */
2
+ #stacks-internals() {
3
+ #load-static-config() {
4
+ #stacks-config-static();
5
+ }
6
+
7
+ // ===========================================================================
8
+ // -- RESPONSIVE (modern)
9
+ // #responsify renders a plain class as well as its responsive counterparts.
10
+ //
11
+ // Usage example:
12
+ //
13
+ // #stacks-internals #responsify('.d-none', { display: none !important; });
14
+ //
15
+ // ---------------------------------------------------------------------------
16
+
17
+ #responsify(@class, @rules) {
18
+ @nodot-s: replace(@class, "^\.", "");
19
+ @nodot: ~"@{nodot-s}";
20
+
21
+ .@{nodot} {
22
+ @rules();
23
+ }
24
+
25
+ #stacks-internals-collect-large() {
26
+ .lg\:@{nodot} {
27
+ @rules();
28
+ };
29
+ }
30
+ #stacks-internals-collect-medium() {
31
+ .md\:@{nodot} {
32
+ @rules();
33
+ };
34
+ }
35
+ #stacks-internals-collect-small() {
36
+ .sm\:@{nodot} {
37
+ @rules();
38
+ };
39
+ }
40
+ }
41
+
42
+ // ===========================================================================
43
+ // -- RESPONSIVE
44
+ // The three #screen-XX mixins wrap the given rules in the appropriate
45
+ // media queries and (if applicable) selector prefixes for all breakpoint
46
+ // groups that have been defined in the static configuration section.
47
+ //
48
+ // Usage example:
49
+ //
50
+ // .lg\:comic-sans {
51
+ // #stacks-internals #screen-lg({
52
+ // font-family: "Comic Sans MS";
53
+ // });
54
+ // }
55
+ //
56
+ // If @force-selector is `true`, the @rules will be evaluated inside a `html { ... }`
57
+ // block if a breakpoint group doesn't have a selector. You should only use this if you
58
+ // need to apply CSS to the root element itself:
59
+ //
60
+ // #stacks-internals #screen-lg({
61
+ // &, body {
62
+ // font-size: 77px;
63
+ // }
64
+ // }, @force-selector: true);
65
+ //
66
+ // The above sets the font size on <html> and <body> at the appropriate widths, regardless
67
+ // of whether responsiveness was configured with or without selectors.
68
+ // ---------------------------------------------------------------------------
69
+
70
+ #screen-lg(@rules, @force-selector: false) {
71
+ #stacks-internals #load-static-config();
72
+ #stacks-internals #responsive-stuff(0, @rules, @breakpoints, 1, @force-selector);
73
+ }
74
+ #screen-md(@rules, @force-selector: false) {
75
+ #stacks-internals #load-static-config();
76
+ #stacks-internals #responsive-stuff(1, @rules, @breakpoints, 1, @force-selector);
77
+ }
78
+ #screen-sm(@rules, @force-selector: false) {
79
+ #stacks-internals #load-static-config();
80
+ #stacks-internals #responsive-stuff(2, @rules, @breakpoints, 1, @force-selector);
81
+ }
82
+
83
+ // @bp-index is 0 (large), 1 (medium), or 2 (small). @start-index is the index into the @breakpoints config option
84
+ // which is increased recursively to exhaust the whole list.
85
+ #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index, @force-selector: false) when (@start-index < length(@breakpoints)) {
86
+
87
+ // If the first list element is a string, it's a selector that is prepended to the responsive class
88
+ & when (isstring(extract(@breakpoints, @start-index))) {
89
+
90
+ // the actual breakpoint; "+1" to skip the (selector) string
91
+ @bp: extract(@breakpoints, @start-index + @bp-index + 1);
92
+
93
+ // convert the selector string into an identifier (i.e. remove the quotes)
94
+ @sel-s: extract(@breakpoints, @start-index);
95
+ @sel: ~"@{sel-s}";
96
+
97
+ @media (max-width: (@bp)) {
98
+ @{sel} & {
99
+ @rules();
100
+ }
101
+ }
102
+
103
+ // recursively descend to handle the next breakpoint group ("+4" for the selector string and the three breakpoint values)
104
+ #stacks-internals #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index + 4, @force-selector)
105
+ }
106
+
107
+ // If the first list element is a number (i.e. pixel value), there is no selector string
108
+ & when (isnumber(extract(@breakpoints, @start-index))) {
109
+
110
+ // the actual breakpoint
111
+ @bp: extract(@breakpoints, @start-index + @bp-index);
112
+
113
+ & when not (@force-selector) {
114
+ @media (max-width: (@bp)) {
115
+ @rules();
116
+ }
117
+ }
118
+
119
+ & when (@force-selector) {
120
+ @media (max-width: (@bp)) {
121
+ html & {
122
+ @rules();
123
+ }
124
+ }
125
+ }
126
+
127
+ // recursively descend to handle the next breakpoint group ("+3" for the three breakpoint values)
128
+ #stacks-internals #responsive-stuff(@bp-index, @rules, @breakpoints, @start-index + 3, @force-selector)
129
+ }
130
+ }
131
+
132
+ // ===========================================================================
133
+ // -- AUTO-GENERATING
134
+ // #build-classes is a tool for auto-generating a bunch of related, usually atomic,
135
+ // classes.
136
+ // The first argument is optional; if given, it must be `responsive`, in which case
137
+ // the corresponding responsive classes will be generated as well.
138
+ // The next argument, @class-prefix, is the prefix of the generated class names,
139
+ // including the dot.
140
+ // The @rules argument is a detached ruleset that must contain a mixin called .template()
141
+ // which takes a single argument.
142
+ // The @values argument is a list of values that will be passed to the template.
143
+ //
144
+ // The final generated class name consists of
145
+ // 1) the given prefix,
146
+ // 2a) if the value is a negative number, the letter "n",
147
+ // 2b) if the value is not a number, a dash "-"
148
+ // 3) the actual value, stripped of any unit (if applicable).
149
+ //
150
+ // Usage example:
151
+ //
152
+ // #stacks-internals #build-classes(
153
+ // '.ml',
154
+ // { .template(@value) { margin-left: @value; } },
155
+ // -50%, auto, 20px
156
+ // )
157
+ //
158
+ // will generate:
159
+ //
160
+ // .mln50 { margin-left: -50%; }
161
+ // .ml-auto { margin-left: auto; }
162
+ // .ml20 { margin-left: 20px; }
163
+ //
164
+ // ---------------------------------------------------------------------------
165
+
166
+
167
+ #build-classes(@class-prefix, @rules, @values) {
168
+ #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, 1, false, @values);
169
+ }
170
+ #build-classes(responsive, @class-prefix, @rules, @values) {
171
+ #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, 1, true, @values);
172
+ }
173
+ #build-classes-with-start-index(@class-prefix, @rules, @start-index, @responsive, @values) when (@start-index <= length(@values)) {
174
+ @val: extract(@values, @start-index);
175
+ & when (isnumber(@val)) {
176
+ @unitless: unit(@val);
177
+ & when (@unitless < 0) {
178
+ @abs: abs(@unitless);
179
+ @class-name: ~"@{class-prefix}n@{abs}";
180
+
181
+ & when not (@responsive) {
182
+ @{class-name} { @rules(); .template(@val); }
183
+ }
184
+
185
+ & when (@responsive) {
186
+ #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
187
+ }
188
+
189
+ }
190
+ & when (@unitless >= 0) {
191
+ @class-name: ~"@{class-prefix}@{unitless}";
192
+ & when not (@responsive) {
193
+ @{class-name} { @rules(); .template(@val); }
194
+ }
195
+
196
+ & when (@responsive) {
197
+ #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
198
+ }
199
+ }
200
+ }
201
+ & when not (isnumber(@val)) {
202
+ @class-name: ~"@{class-prefix}-@{val}";
203
+ & when not (@responsive) {
204
+ @{class-name} { @rules(); .template(@val); }
205
+ }
206
+
207
+ & when (@responsive) {
208
+ #stacks-internals #responsify(@class-name, { @rules(); .template(@val); });
209
+ }
210
+ }
211
+
212
+ #stacks-internals #build-classes-with-start-index(@class-prefix, @rules, @start-index + 1, @responsive, @values);
213
+ }
214
+
215
+ #bullet-arrow(@col) {
216
+ @image: '<?xml version="1.0" encoding="UTF-8"?><svg version="1.1" viewBox="0 0 7 10" xmlns="http://www.w3.org/2000/svg"><path d="m0.72153 0.68446 4.1336 4.3077-4.1336 4.3077" fill="none" stroke="@{col}" stroke-width="2"/></svg>';
217
+ @encoded-image: escape(@image);
218
+ background-image: url("data:image/svg+xml,@{encoded-image}");
219
+ }
220
+ }
package/lib/css/base/_stacks-reset-meyer.less CHANGED
@@ -1,64 +1,64 @@
1
- /* stylelint-disable */
2
- // ============================================================================
3
- // http://meyerweb.com/eric/tools/css/reset/
4
- // v2.0 | 20110126
5
- // License: none (public domain)
6
- // ----------------------------------------------------------------------------
7
- html, body, div, span, applet, object, iframe,
8
- h1, h2, h3, h4, h5, h6, p, blockquote, pre,
9
- a, abbr, acronym, address, big, cite, code,
10
- del, dfn, em, img, ins, kbd, q, s, samp,
11
- small, strike, strong, sub, sup, tt, var,
12
- b, u, i, center,
13
- dl, dt, dd, ol, ul, li,
14
- fieldset, form, label, legend,
15
- table, caption, tbody, tfoot, thead, tr, th, td,
16
- article, aside, canvas, details, embed,
17
- figure, figcaption, footer, header, hgroup,
18
- menu, nav, output, ruby, section, summary,
19
- time, mark, audio, video {
20
- margin: 0;
21
- padding: 0;
22
- border: 0;
23
- font: inherit;
24
- font-size: 100%;
25
- vertical-align: baseline;
26
- }
27
- /* HTML5 display-role reset for older browsers */
28
- article, aside, details, figcaption, figure,
29
- footer, header, hgroup, menu, nav, section {
30
- display: block;
31
- }
32
- body {
33
- line-height: 1;
34
- }
35
- ol, ul {
36
- list-style: none;
37
- }
38
- blockquote, q {
39
- quotes: none;
40
- }
41
- blockquote:before, blockquote:after,
42
- q:before, q:after {
43
- content: '';
44
- content: none;
45
- }
46
- table {
47
- border-collapse: collapse;
48
- border-spacing: 0;
49
- }
50
- /* the stuff below isn't in the original Eric Meyer reset */
51
- sub,
52
- sup {
53
- font-size: 80%;
54
- line-height: 1;
55
- vertical-align: sub;
56
- }
57
-
58
- sup {
59
- vertical-align: super;
60
- }
61
-
62
- button {
63
- margin: 0; /* for Safari */
64
- }
1
+ /* stylelint-disable */
2
+ // ============================================================================
3
+ // http://meyerweb.com/eric/tools/css/reset/
4
+ // v2.0 | 20110126
5
+ // License: none (public domain)
6
+ // ----------------------------------------------------------------------------
7
+ html, body, div, span, applet, object, iframe,
8
+ h1, h2, h3, h4, h5, h6, p, blockquote, pre,
9
+ a, abbr, acronym, address, big, cite, code,
10
+ del, dfn, em, img, ins, kbd, q, s, samp,
11
+ small, strike, strong, sub, sup, tt, var,
12
+ b, u, i, center,
13
+ dl, dt, dd, ol, ul, li,
14
+ fieldset, form, label, legend,
15
+ table, caption, tbody, tfoot, thead, tr, th, td,
16
+ article, aside, canvas, details, embed,
17
+ figure, figcaption, footer, header, hgroup,
18
+ menu, nav, output, ruby, section, summary,
19
+ time, mark, audio, video {
20
+ margin: 0;
21
+ padding: 0;
22
+ border: 0;
23
+ font: inherit;
24
+ font-size: 100%;
25
+ vertical-align: baseline;
26
+ }
27
+ /* HTML5 display-role reset for older browsers */
28
+ article, aside, details, figcaption, figure,
29
+ footer, header, hgroup, menu, nav, section {
30
+ display: block;
31
+ }
32
+ body {
33
+ line-height: 1;
34
+ }
35
+ ol, ul {
36
+ list-style: none;
37
+ }
38
+ blockquote, q {
39
+ quotes: none;
40
+ }
41
+ blockquote:before, blockquote:after,
42
+ q:before, q:after {
43
+ content: '';
44
+ content: none;
45
+ }
46
+ table {
47
+ border-collapse: collapse;
48
+ border-spacing: 0;
49
+ }
50
+ /* the stuff below isn't in the original Eric Meyer reset */
51
+ sub,
52
+ sup {
53
+ font-size: 80%;
54
+ line-height: 1;
55
+ vertical-align: sub;
56
+ }
57
+
58
+ sup {
59
+ vertical-align: super;
60
+ }
61
+
62
+ button {
63
+ margin: 0; /* for Safari */
64
+ }