@bgord/design 1.0.3 → 1.1.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.
@@ -1,410 +1,411 @@
1
1
  /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
2
-
3
- /* Document
2
+ @layer reset {
3
+ /* Document
4
4
  ========================================================================== */
5
5
 
6
- /**
7
- * 1. Correct the line height in all browsers.
8
- * 2. Prevent adjustments of font size after orientation changes in iOS.
9
- * 3. Prevent content repositioning when vertical scrollbar appears.
10
- */
11
-
12
- :root {
13
- --lh-base: 1.5; /* body text */
14
- --lh-tight: 1.25; /* headings */
15
- }
16
-
17
- html {
18
- line-height: 1.15;
19
- } /* keep normalize’s fix */
20
- body {
21
- line-height: var(--lh-base);
22
- } /* readable default */
23
- h1,
24
- h2,
25
- h3 {
26
- line-height: var(--lh-tight);
27
- }
28
-
29
- html { /* 2 */
30
- -webkit-text-size-adjust: none; /* 2 */
31
- text-size-adjust: none; /* 2 */
32
- overflow-y: scroll; /* 3 */
33
- }
34
-
35
- /**
36
- * 1. Add default box-sizing.
37
- * 2. Remove padding/margin by default.
38
- */
39
-
40
- *,
41
- *::before,
42
- *::after {
43
- box-sizing: border-box; /* 1 */
44
- padding: 0; /* 2 */
45
- margin: 0; /* 2 */
46
- }
47
-
48
- /* Sections
6
+ /**
7
+ * 1. Correct the line height in all browsers.
8
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
9
+ * 3. Prevent content repositioning when vertical scrollbar appears.
10
+ */
11
+
12
+ :root {
13
+ --lh-base: 1.5; /* body text */
14
+ --lh-tight: 1.25; /* headings */
15
+ }
16
+
17
+ html {
18
+ line-height: 1.15;
19
+ } /* keep normalize’s fix */
20
+ body {
21
+ line-height: var(--lh-base);
22
+ } /* readable default */
23
+ h1,
24
+ h2,
25
+ h3 {
26
+ line-height: var(--lh-tight);
27
+ }
28
+
29
+ html { /* 2 */
30
+ -webkit-text-size-adjust: none; /* 2 */
31
+ text-size-adjust: none; /* 2 */
32
+ overflow-y: scroll; /* 3 */
33
+ }
34
+
35
+ /**
36
+ * 1. Add default box-sizing.
37
+ * 2. Remove padding/margin by default.
38
+ */
39
+
40
+ *,
41
+ *::before,
42
+ *::after {
43
+ box-sizing: border-box; /* 1 */
44
+ padding: 0; /* 2 */
45
+ margin: 0; /* 2 */
46
+ }
47
+
48
+ /* Sections
49
49
  ========================================================================== */
50
50
 
51
- /**
52
- * Remove the margin in all browsers, and sans-serif as the default font-family.
53
- */
54
-
55
- html,
56
- body {
57
- margin: 0;
58
- font-family: sans-serif;
59
- font-size: 16px;
60
- height: 100%; /* Allow percentage-based heights in the application */
61
- -webkit-font-smoothing: antialiased;
62
- }
63
-
64
- /**
65
- * Render the `main` element consistently in IE.
66
- */
67
-
68
- main {
69
- display: block;
70
- }
71
-
72
- /**
73
- * Correct the font size and margin on `h1` elements within `section` and
74
- * `article` contexts in Chrome, Firefox, and Safari.
75
- */
76
-
77
- h1 {
78
- font-size: 2em;
79
- margin: 0;
80
- }
81
-
82
- /* Balance text wrapping on headings */
83
- h1,
84
- h2,
85
- h3,
86
- h4 {
87
- text-wrap: balance;
88
- }
89
-
90
- /* Grouping content
51
+ /**
52
+ * Remove the margin in all browsers, and sans-serif as the default font-family.
53
+ */
54
+
55
+ html,
56
+ body {
57
+ margin: 0;
58
+ font-family: sans-serif;
59
+ font-size: 16px;
60
+ height: 100%; /* Allow percentage-based heights in the application */
61
+ -webkit-font-smoothing: antialiased;
62
+ }
63
+
64
+ /**
65
+ * Render the `main` element consistently in IE.
66
+ */
67
+
68
+ main {
69
+ display: block;
70
+ }
71
+
72
+ /**
73
+ * Correct the font size and margin on `h1` elements within `section` and
74
+ * `article` contexts in Chrome, Firefox, and Safari.
75
+ */
76
+
77
+ h1 {
78
+ font-size: 2em;
79
+ margin: 0;
80
+ }
81
+
82
+ /* Balance text wrapping on headings */
83
+ h1,
84
+ h2,
85
+ h3,
86
+ h4 {
87
+ text-wrap: balance;
88
+ }
89
+
90
+ /* Grouping content
91
91
  ========================================================================== */
92
92
 
93
- /**
94
- * 1. Add the correct box sizing in Firefox.
95
- * 2. Show the overflow in Edge and IE.
96
- */
93
+ /**
94
+ * 1. Add the correct box sizing in Firefox.
95
+ * 2. Show the overflow in Edge and IE.
96
+ */
97
97
 
98
- hr {
99
- box-sizing: content-box; /* 1 */
100
- height: 0; /* 1 */
101
- overflow: visible; /* 2 */
102
- }
98
+ hr {
99
+ box-sizing: content-box; /* 1 */
100
+ height: 0; /* 1 */
101
+ overflow: visible; /* 2 */
102
+ }
103
103
 
104
- /**
105
- * 1. Correct the inheritance and scaling of font size in all browsers.
106
- * 2. Correct the odd `em` font sizing in all browsers.
107
- */
104
+ /**
105
+ * 1. Correct the inheritance and scaling of font size in all browsers.
106
+ * 2. Correct the odd `em` font sizing in all browsers.
107
+ */
108
108
 
109
- pre {
110
- font-family: monospace; /* 1 */
111
- font-size: 1em; /* 2 */
112
- }
109
+ pre {
110
+ font-family: monospace; /* 1 */
111
+ font-size: 1em; /* 2 */
112
+ }
113
113
 
114
- /* Text-level semantics
114
+ /* Text-level semantics
115
115
  ========================================================================== */
116
116
 
117
- /**
118
- * Remove the gray background on active links in IE 10.
119
- */
120
-
121
- a {
122
- background-color: transparent;
123
- }
124
-
125
- /**
126
- * 1. Remove the bottom border in Chrome 57-
127
- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
128
- */
129
-
130
- abbr[title] {
131
- border-bottom: none; /* 1 */
132
- -webkit-text-decoration: underline;
133
- text-decoration: underline; /* 2 */
134
- }
135
-
136
- /**
137
- * Add the correct font weight in Chrome, Edge, and Safari.
138
- */
139
-
140
- b,
141
- strong {
142
- font-weight: bolder;
143
- }
144
-
145
- /**
146
- * 1. Correct the inheritance and scaling of font size in all browsers.
147
- * 2. Correct the odd `em` font sizing in all browsers.
148
- */
149
-
150
- code,
151
- kbd,
152
- samp {
153
- font-family: monospace; /* 1 */
154
- font-size: 1em; /* 2 */
155
- }
156
-
157
- /**
158
- * Prevent `sub` and `sup` elements from affecting the line height in
159
- * all browsers.
160
- */
161
-
162
- sub,
163
- sup {
164
- font-size: 75%;
165
- line-height: 0;
166
- position: relative;
167
- vertical-align: baseline;
168
- }
169
-
170
- sub {
171
- bottom: -0.25em;
172
- }
173
-
174
- sup {
175
- top: -0.5em;
176
- }
177
-
178
- /* Embedded content
117
+ /**
118
+ * Remove the gray background on active links in IE 10.
119
+ */
120
+
121
+ a {
122
+ background-color: transparent;
123
+ }
124
+
125
+ /**
126
+ * 1. Remove the bottom border in Chrome 57-
127
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
128
+ */
129
+
130
+ abbr[title] {
131
+ border-bottom: none; /* 1 */
132
+ -webkit-text-decoration: underline;
133
+ text-decoration: underline; /* 2 */
134
+ }
135
+
136
+ /**
137
+ * Add the correct font weight in Chrome, Edge, and Safari.
138
+ */
139
+
140
+ b,
141
+ strong {
142
+ font-weight: bolder;
143
+ }
144
+
145
+ /**
146
+ * 1. Correct the inheritance and scaling of font size in all browsers.
147
+ * 2. Correct the odd `em` font sizing in all browsers.
148
+ */
149
+
150
+ code,
151
+ kbd,
152
+ samp {
153
+ font-family: monospace; /* 1 */
154
+ font-size: 1em; /* 2 */
155
+ }
156
+
157
+ /**
158
+ * Prevent `sub` and `sup` elements from affecting the line height in
159
+ * all browsers.
160
+ */
161
+
162
+ sub,
163
+ sup {
164
+ font-size: 75%;
165
+ line-height: 0;
166
+ position: relative;
167
+ vertical-align: baseline;
168
+ }
169
+
170
+ sub {
171
+ bottom: -0.25em;
172
+ }
173
+
174
+ sup {
175
+ top: -0.5em;
176
+ }
177
+
178
+ /* Embedded content
179
179
  ========================================================================== */
180
180
 
181
- /**
182
- * Remove the border on images inside links in IE 10.
183
- */
181
+ /**
182
+ * Remove the border on images inside links in IE 10.
183
+ */
184
184
 
185
- img {
186
- border-style: none;
187
- }
185
+ img {
186
+ border-style: none;
187
+ }
188
188
 
189
- /* Forms
189
+ /* Forms
190
190
  ========================================================================== */
191
191
 
192
- /**
193
- * 1. Change the font styles in all browsers.
194
- * 2. Remove the margin in Firefox and Safari.
195
- */
196
-
197
- button,
198
- input,
199
- optgroup,
200
- select,
201
- textarea {
202
- font-family: inherit; /* 1 */
203
- font-size: 100%; /* 1 */
204
- line-height: 1.15; /* 1 */
205
- margin: 0; /* 2 */
206
- }
207
-
208
- /**
209
- * Show the overflow in IE.
210
- * 1. Show the overflow in Edge.
211
- */
212
-
213
- button,
214
- input {
215
- /* 1 */
216
- overflow: visible;
217
- }
218
-
219
- /**
220
- * Remove the inheritance of text transform in Edge, Firefox, and IE.
221
- * 1. Remove the inheritance of text transform in Firefox.
222
- */
223
-
224
- button,
225
- select {
226
- /* 1 */
227
- text-transform: none;
228
- }
229
-
230
- /**
231
- * Correct the inability to style clickable types in iOS and Safari.
232
- */
233
-
234
- button,
235
- [type="button"],
236
- [type="reset"],
237
- [type="submit"] {
238
- -webkit-appearance: button;
239
- }
240
-
241
- /**
242
- * Remove the inner border and padding in Firefox.
243
- */
244
-
245
- button::-moz-focus-inner,
246
- [type="button"]::-moz-focus-inner,
247
- [type="reset"]::-moz-focus-inner,
248
- [type="submit"]::-moz-focus-inner {
249
- border-style: none;
250
- padding: 0;
251
- }
252
-
253
- /**
254
- * Remove step arrows from the numeric input
255
- */
256
- input[type="number"]::-webkit-outer-spin-button,
257
- input[type="number"]::-webkit-inner-spin-button {
258
- appearance: none;
259
- margin: 0;
260
- }
261
-
262
- /* Firefox */
263
- input[type="number"] {
264
- appearance: textfield;
265
- }
266
-
267
- /**
268
- * Restore the focus styles unset by the previous rule.
269
- */
270
-
271
- button:-moz-focusring,
272
- [type="button"]:-moz-focusring,
273
- [type="reset"]:-moz-focusring,
274
- [type="submit"]:-moz-focusring {
275
- outline: 1px dotted ButtonText;
276
- }
277
-
278
- /**
279
- * Correct the padding in Firefox.
280
- */
281
-
282
- fieldset {
283
- padding: 0.35em 0.75em 0.625em;
284
- }
285
-
286
- /**
287
- * 1. Correct the text wrapping in Edge and IE.
288
- * 2. Correct the color inheritance from `fieldset` elements in IE.
289
- * 3. Remove the padding so developers are not caught out when they zero out
290
- * `fieldset` elements in all browsers.
291
- */
292
-
293
- legend {
294
- box-sizing: border-box; /* 1 */
295
- color: inherit; /* 2 */
296
- display: table; /* 1 */
297
- max-width: 100%; /* 1 */
298
- padding: 0; /* 3 */
299
- white-space: normal; /* 1 */
300
- }
301
-
302
- /**
303
- * Add the correct vertical alignment in Chrome, Firefox, and Opera.
304
- */
305
-
306
- progress {
307
- vertical-align: baseline;
308
- }
309
-
310
- /**
311
- * Remove the default vertical scrollbar in IE 10+.
312
- */
313
-
314
- textarea {
315
- overflow: auto;
316
- }
317
-
318
- /**
319
- * 1. Add the correct box sizing in IE 10.
320
- * 2. Remove the padding in IE 10.
321
- */
322
-
323
- [type="checkbox"],
324
- [type="radio"] {
325
- box-sizing: border-box; /* 1 */
326
- padding: 0; /* 2 */
327
- }
328
-
329
- /**
330
- * Correct the cursor style of increment and decrement buttons in Chrome.
331
- */
332
-
333
- [type="number"]::-webkit-inner-spin-button,
334
- [type="number"]::-webkit-outer-spin-button {
335
- height: auto;
336
- }
337
-
338
- /**
339
- * 1. Correct the odd appearance in Chrome and Safari.
340
- * 2. Correct the outline style in Safari.
341
- */
342
-
343
- [type="search"] {
344
- -webkit-appearance: textfield; /* 1 */
345
- outline-offset: -2px; /* 2 */
346
- }
347
-
348
- /**
349
- * Remove the inner padding in Chrome and Safari on macOS.
350
- */
351
-
352
- [type="search"]::-webkit-search-decoration {
353
- -webkit-appearance: none;
354
- }
355
-
356
- /**
357
- * 1. Correct the inability to style clickable types in iOS and Safari.
358
- * 2. Change font properties to `inherit` in Safari.
359
- */
360
-
361
- ::-webkit-file-upload-button {
362
- -webkit-appearance: button; /* 1 */
363
- font: inherit; /* 2 */
364
- }
365
-
366
- /* Interactive
192
+ /**
193
+ * 1. Change the font styles in all browsers.
194
+ * 2. Remove the margin in Firefox and Safari.
195
+ */
196
+
197
+ button,
198
+ input,
199
+ optgroup,
200
+ select,
201
+ textarea {
202
+ font-family: inherit; /* 1 */
203
+ font-size: 100%; /* 1 */
204
+ line-height: 1.15; /* 1 */
205
+ margin: 0; /* 2 */
206
+ }
207
+
208
+ /**
209
+ * Show the overflow in IE.
210
+ * 1. Show the overflow in Edge.
211
+ */
212
+
213
+ button,
214
+ input {
215
+ /* 1 */
216
+ overflow: visible;
217
+ }
218
+
219
+ /**
220
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
221
+ * 1. Remove the inheritance of text transform in Firefox.
222
+ */
223
+
224
+ button,
225
+ select {
226
+ /* 1 */
227
+ text-transform: none;
228
+ }
229
+
230
+ /**
231
+ * Correct the inability to style clickable types in iOS and Safari.
232
+ */
233
+
234
+ button,
235
+ [type="button"],
236
+ [type="reset"],
237
+ [type="submit"] {
238
+ -webkit-appearance: button;
239
+ }
240
+
241
+ /**
242
+ * Remove the inner border and padding in Firefox.
243
+ */
244
+
245
+ button::-moz-focus-inner,
246
+ [type="button"]::-moz-focus-inner,
247
+ [type="reset"]::-moz-focus-inner,
248
+ [type="submit"]::-moz-focus-inner {
249
+ border-style: none;
250
+ padding: 0;
251
+ }
252
+
253
+ /**
254
+ * Remove step arrows from the numeric input
255
+ */
256
+ input[type="number"]::-webkit-outer-spin-button,
257
+ input[type="number"]::-webkit-inner-spin-button {
258
+ appearance: none;
259
+ margin: 0;
260
+ }
261
+
262
+ /* Firefox */
263
+ input[type="number"] {
264
+ appearance: textfield;
265
+ }
266
+
267
+ /**
268
+ * Restore the focus styles unset by the previous rule.
269
+ */
270
+
271
+ button:-moz-focusring,
272
+ [type="button"]:-moz-focusring,
273
+ [type="reset"]:-moz-focusring,
274
+ [type="submit"]:-moz-focusring {
275
+ outline: 1px dotted ButtonText;
276
+ }
277
+
278
+ /**
279
+ * Correct the padding in Firefox.
280
+ */
281
+
282
+ fieldset {
283
+ padding: 0.35em 0.75em 0.625em;
284
+ }
285
+
286
+ /**
287
+ * 1. Correct the text wrapping in Edge and IE.
288
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
289
+ * 3. Remove the padding so developers are not caught out when they zero out
290
+ * `fieldset` elements in all browsers.
291
+ */
292
+
293
+ legend {
294
+ box-sizing: border-box; /* 1 */
295
+ color: inherit; /* 2 */
296
+ display: table; /* 1 */
297
+ max-width: 100%; /* 1 */
298
+ padding: 0; /* 3 */
299
+ white-space: normal; /* 1 */
300
+ }
301
+
302
+ /**
303
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
304
+ */
305
+
306
+ progress {
307
+ vertical-align: baseline;
308
+ }
309
+
310
+ /**
311
+ * Remove the default vertical scrollbar in IE 10+.
312
+ */
313
+
314
+ textarea {
315
+ overflow: auto;
316
+ }
317
+
318
+ /**
319
+ * 1. Add the correct box sizing in IE 10.
320
+ * 2. Remove the padding in IE 10.
321
+ */
322
+
323
+ [type="checkbox"],
324
+ [type="radio"] {
325
+ box-sizing: border-box; /* 1 */
326
+ padding: 0; /* 2 */
327
+ }
328
+
329
+ /**
330
+ * Correct the cursor style of increment and decrement buttons in Chrome.
331
+ */
332
+
333
+ [type="number"]::-webkit-inner-spin-button,
334
+ [type="number"]::-webkit-outer-spin-button {
335
+ height: auto;
336
+ }
337
+
338
+ /**
339
+ * 1. Correct the odd appearance in Chrome and Safari.
340
+ * 2. Correct the outline style in Safari.
341
+ */
342
+
343
+ [type="search"] {
344
+ -webkit-appearance: textfield; /* 1 */
345
+ outline-offset: -2px; /* 2 */
346
+ }
347
+
348
+ /**
349
+ * Remove the inner padding in Chrome and Safari on macOS.
350
+ */
351
+
352
+ [type="search"]::-webkit-search-decoration {
353
+ -webkit-appearance: none;
354
+ }
355
+
356
+ /**
357
+ * 1. Correct the inability to style clickable types in iOS and Safari.
358
+ * 2. Change font properties to `inherit` in Safari.
359
+ */
360
+
361
+ ::-webkit-file-upload-button {
362
+ -webkit-appearance: button; /* 1 */
363
+ font: inherit; /* 2 */
364
+ }
365
+
366
+ /* Interactive
367
367
  ========================================================================== */
368
368
 
369
- /*
369
+ /*
370
370
  * Add the correct display in Edge, IE 10+, and Firefox.
371
371
  */
372
372
 
373
- details {
374
- display: block;
375
- }
373
+ details {
374
+ display: block;
375
+ }
376
376
 
377
- /*
377
+ /*
378
378
  * Add the correct display in all browsers.
379
379
  */
380
380
 
381
- summary {
382
- display: list-item;
383
- }
381
+ summary {
382
+ display: list-item;
383
+ }
384
384
 
385
- /* Misc
385
+ /* Misc
386
386
  ========================================================================== */
387
387
 
388
- /**
389
- * Add the correct display in IE 10+.
390
- */
388
+ /**
389
+ * Add the correct display in IE 10+.
390
+ */
391
391
 
392
- template {
393
- display: none;
394
- }
392
+ template {
393
+ display: none;
394
+ }
395
395
 
396
- /**
397
- * Add the correct display in IE 10.
398
- */
396
+ /**
397
+ * Add the correct display in IE 10.
398
+ */
399
399
 
400
- [hidden] {
401
- display: none;
402
- }
400
+ [hidden] {
401
+ display: none;
402
+ }
403
403
 
404
- /**
405
- * Remove default ul list-style
406
- */
404
+ /**
405
+ * Remove default ul list-style
406
+ */
407
407
 
408
- ul {
409
- list-style: none;
408
+ ul {
409
+ list-style: none;
410
+ }
410
411
  }