@appartmint/mint 0.0.5 → 0.0.7

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,734 +0,0 @@
1
- /*!************************************************************************************************************************************************************************************************!*\
2
- !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/webpack-shebang-plugin/loader.js?{"shebangRegExp":{},"chmod":493}!./src/scss/styles.scss ***!
3
- \************************************************************************************************************************************************************************************************/
4
- .mint-bg {
5
- display: block;
6
- opacity: 0;
7
- height: 0;
8
- width: 0;
9
- z-index: -1;
10
- }
11
-
12
- .mint-pill {
13
- display: inline-block;
14
- padding: 0 0.75rem;
15
- border-radius: 1rem;
16
- text-decoration: none;
17
- color: var(--mint-fore);
18
- background: var(--mint-brand-5);
19
- }
20
- .mint-pill:hover {
21
- color: var(--mint-back);
22
- background: var(--mint-brand-3);
23
- outline-color: var(--mint-brand-0);
24
- }
25
- .mint-pill:focus {
26
- color: var(--mint-back);
27
- background: var(--mint-brand-3);
28
- outline-color: var(--mint-brand-0);
29
- }
30
- .mint-pill:active, .mint-pill.mint-active {
31
- color: var(--mint-back);
32
- background: var(--mint-brand-3);
33
- outline-color: var(--mint-brand-0);
34
- }
35
- .mint-pill.mint-alt {
36
- color: var(--mint-brand-3);
37
- background: var(--mint-trans);
38
- }
39
- .mint-pill.mint-alt:hover {
40
- color: var(--mint-fore);
41
- background: var(--mint-trans);
42
- outline-color: var(--mint-accent-2);
43
- }
44
- .mint-pill.mint-alt:focus {
45
- color: var(--mint-fore);
46
- background: var(--mint-trans);
47
- outline-color: var(--mint-accent-2);
48
- }
49
- .mint-pill.mint-alt:active, .mint-pill.mint-alt.mint-active {
50
- color: var(--mint-fore);
51
- background: var(--mint-trans);
52
- outline-color: var(--mint-accent-2);
53
- }
54
-
55
- @keyframes instafade {
56
- 0% {
57
- color: var(--mint-instagram-0);
58
- }
59
- 16.6666666667% {
60
- color: var(--mint-instagram-1);
61
- }
62
- 33.3333333333% {
63
- color: var(--mint-instagram-2);
64
- }
65
- 50% {
66
- color: var(--mint-instagram-3);
67
- }
68
- 66.6666666667% {
69
- color: var(--mint-instagram-4);
70
- }
71
- 83.3333333333% {
72
- color: var(--mint-instagram-5);
73
- }
74
- 100% {
75
- color: var(--mint-instagram-6);
76
- }
77
- }
78
- :root {
79
- --mint-delay-instant: 0ms;
80
- --mint-delay-fast: 100ms;
81
- --mint-delay-med-fast: 200ms;
82
- --mint-delay-default: 300ms;
83
- --mint-delay-med-slow: 400ms;
84
- --mint-delay-slow: 500ms;
85
- }
86
-
87
- .mint-vp-fall-in {
88
- opacity: 0;
89
- transform: translateY(-100px);
90
- transition: opacity 500ms, transform 500ms !important;
91
- pointer-events: none;
92
- }
93
- .mint-vp-fall-in.visible {
94
- opacity: 1;
95
- transform: translateY(0%);
96
- pointer-events: auto;
97
- }
98
-
99
- .mint-shine {
100
- position: relative;
101
- overflow: hidden;
102
- }
103
- .mint-shine:hover::after {
104
- transition-duration: 300ms;
105
- transform: translate(100%, -100%);
106
- }
107
- .mint-shine:focus::after {
108
- transition-duration: 300ms;
109
- transform: translate(100%, -100%);
110
- }
111
- .mint-shine:active::after, .mint-shine.mint-active::after {
112
- transition-duration: 300ms;
113
- transform: translate(100%, -100%);
114
- }
115
- .mint-shine::after {
116
- content: "";
117
- position: absolute;
118
- top: 0;
119
- left: 0;
120
- width: 100%;
121
- height: 100%;
122
- transform: translate(-100%, 100%);
123
- background: linear-gradient(45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0) 100%);
124
- transition: transform 200ms ease-in;
125
- }
126
-
127
- *, *::before, *::after {
128
- box-sizing: border-box;
129
- }
130
-
131
- html, body {
132
- color: var(--mint-fore);
133
- background-color: var(--mint-back);
134
- overflow-x: hidden;
135
- }
136
-
137
- html, body, main {
138
- width: 100%;
139
- min-height: 100vh;
140
- margin: 0;
141
- padding: 0;
142
- }
143
-
144
- main {
145
- display: flex;
146
- flex-direction: column;
147
- position: relative;
148
- z-index: 1000;
149
- }
150
-
151
- nav a {
152
- display: block;
153
- text-decoration: none;
154
- }
155
- nav ul {
156
- display: flex;
157
- margin: 0;
158
- padding: 0;
159
- list-style: none;
160
- }
161
- nav ul > li > ul {
162
- flex-direction: column;
163
- }
164
-
165
- a[href^="tel:"], a[href^="mailto:"] {
166
- white-space: nowrap;
167
- }
168
-
169
- button {
170
- cursor: pointer;
171
- }
172
-
173
- a, button {
174
- font-size: inherit;
175
- }
176
-
177
- img {
178
- width: 100%;
179
- }
180
-
181
- .mint-pad {
182
- padding: 1rem;
183
- }
184
- .mint-pad-xs {
185
- padding: 0;
186
- }
187
- @media (min-width: 480px) {
188
- .mint-pad-xs {
189
- padding: 1rem;
190
- }
191
- }
192
- .mint-pad-to-xs {
193
- padding: 1rem;
194
- }
195
- @media (min-width: 480px) {
196
- .mint-pad-to-xs {
197
- padding: 0;
198
- }
199
- }
200
- .mint-pad-sm {
201
- padding: 0;
202
- }
203
- @media (min-width: 768px) {
204
- .mint-pad-sm {
205
- padding: 1rem;
206
- }
207
- }
208
- .mint-pad-to-sm {
209
- padding: 1rem;
210
- }
211
- @media (min-width: 768px) {
212
- .mint-pad-to-sm {
213
- padding: 0;
214
- }
215
- }
216
- .mint-pad-md {
217
- padding: 0;
218
- }
219
- @media (min-width: 1024px) {
220
- .mint-pad-md {
221
- padding: 1rem;
222
- }
223
- }
224
- .mint-pad-to-md {
225
- padding: 1rem;
226
- }
227
- @media (min-width: 1024px) {
228
- .mint-pad-to-md {
229
- padding: 0;
230
- }
231
- }
232
- .mint-pad-lg {
233
- padding: 0;
234
- }
235
- @media (min-width: 1200px) {
236
- .mint-pad-lg {
237
- padding: 1rem;
238
- }
239
- }
240
- .mint-pad-to-lg {
241
- padding: 1rem;
242
- }
243
- @media (min-width: 1200px) {
244
- .mint-pad-to-lg {
245
- padding: 0;
246
- }
247
- }
248
- .mint-pad-xl {
249
- padding: 0;
250
- }
251
- @media (min-width: 1440px) {
252
- .mint-pad-xl {
253
- padding: 1rem;
254
- }
255
- }
256
- .mint-pad-to-xl {
257
- padding: 1rem;
258
- }
259
- @media (min-width: 1440px) {
260
- .mint-pad-to-xl {
261
- padding: 0;
262
- }
263
- }
264
-
265
- .mint-margin {
266
- margin: 1rem;
267
- }
268
- .mint-margin-xs {
269
- margin: 0;
270
- }
271
- @media (min-width: 480px) {
272
- .mint-margin-xs {
273
- margin: 1rem;
274
- }
275
- }
276
- .mint-margin-to-xs {
277
- margin: 1rem;
278
- }
279
- @media (min-width: 480px) {
280
- .mint-margin-to-xs {
281
- margin: 0;
282
- }
283
- }
284
- .mint-margin-sm {
285
- margin: 0;
286
- }
287
- @media (min-width: 768px) {
288
- .mint-margin-sm {
289
- margin: 1rem;
290
- }
291
- }
292
- .mint-margin-to-sm {
293
- margin: 1rem;
294
- }
295
- @media (min-width: 768px) {
296
- .mint-margin-to-sm {
297
- margin: 0;
298
- }
299
- }
300
- .mint-margin-md {
301
- margin: 0;
302
- }
303
- @media (min-width: 1024px) {
304
- .mint-margin-md {
305
- margin: 1rem;
306
- }
307
- }
308
- .mint-margin-to-md {
309
- margin: 1rem;
310
- }
311
- @media (min-width: 1024px) {
312
- .mint-margin-to-md {
313
- margin: 0;
314
- }
315
- }
316
- .mint-margin-lg {
317
- margin: 0;
318
- }
319
- @media (min-width: 1200px) {
320
- .mint-margin-lg {
321
- margin: 1rem;
322
- }
323
- }
324
- .mint-margin-to-lg {
325
- margin: 1rem;
326
- }
327
- @media (min-width: 1200px) {
328
- .mint-margin-to-lg {
329
- margin: 0;
330
- }
331
- }
332
- .mint-margin-xl {
333
- margin: 0;
334
- }
335
- @media (min-width: 1440px) {
336
- .mint-margin-xl {
337
- margin: 1rem;
338
- }
339
- }
340
- .mint-margin-to-xl {
341
- margin: 1rem;
342
- }
343
- @media (min-width: 1440px) {
344
- .mint-margin-to-xl {
345
- margin: 0;
346
- }
347
- }
348
- .mint-margin-auto {
349
- margin: auto;
350
- }
351
- .mint-margin-auto-v {
352
- margin: 1rem auto;
353
- }
354
- .mint-margin-auto-v1 {
355
- margin: 1rem auto;
356
- }
357
- .mint-margin-auto-v2 {
358
- margin: 2rem auto;
359
- }
360
- .mint-margin-auto-v3 {
361
- margin: 3rem auto;
362
- }
363
- .mint-margin-auto-v4 {
364
- margin: 4rem auto;
365
- }
366
- .mint-margin-auto-v5 {
367
- margin: 5rem auto;
368
- }
369
- .mint-margin-auto-v6 {
370
- margin: 6rem auto;
371
- }
372
- .mint-margin-v {
373
- margin: 1rem 0;
374
- }
375
- .mint-margin-v1 {
376
- margin: 1rem 0;
377
- }
378
- .mint-margin-v2 {
379
- margin: 2rem 0;
380
- }
381
- .mint-margin-v3 {
382
- margin: 3rem 0;
383
- }
384
- .mint-margin-v4 {
385
- margin: 4rem 0;
386
- }
387
- .mint-margin-v5 {
388
- margin: 5rem 0;
389
- }
390
- .mint-margin-v6 {
391
- margin: 6rem 0;
392
- }
393
- .mint-margin-h {
394
- margin: 0 1rem;
395
- }
396
- .mint-margin-h1 {
397
- margin: 0 1rem;
398
- }
399
- .mint-margin-h2 {
400
- margin: 0 2rem;
401
- }
402
- .mint-margin-h3 {
403
- margin: 0 3rem;
404
- }
405
- .mint-margin-h4 {
406
- margin: 0 4rem;
407
- }
408
- .mint-margin-h5 {
409
- margin: 0 5rem;
410
- }
411
- .mint-margin-h6 {
412
- margin: 0 6rem;
413
- }
414
-
415
- section.mint-smaller {
416
- margin-left: auto;
417
- margin-right: auto;
418
- max-width: 480px;
419
- }
420
- section.mint-small {
421
- margin-left: auto;
422
- margin-right: auto;
423
- max-width: 768px;
424
- }
425
- section.mint-default {
426
- margin-left: auto;
427
- margin-right: auto;
428
- max-width: 1024px;
429
- }
430
- section.mint-big {
431
- margin-left: auto;
432
- margin-right: auto;
433
- max-width: 1200px;
434
- }
435
- section.mint-bigger {
436
- margin-left: auto;
437
- margin-right: auto;
438
- max-width: 1440px;
439
- }
440
-
441
- .mint-center {
442
- align-items: center;
443
- justify-content: center;
444
- text-align: center;
445
- }
446
-
447
- html, body {
448
- font-family: "Palanquin", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
449
- font-size: 1rem;
450
- }
451
- @media (min-width: 1024px) {
452
- html, body {
453
- font-size: 1.125rem;
454
- }
455
- }
456
-
457
- h1, .mint-h1 {
458
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
459
- }
460
-
461
- h2, .mint-h2 {
462
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
463
- }
464
-
465
- h3, .mint-h3 {
466
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
467
- }
468
-
469
- h4, .mint-h4 {
470
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
471
- }
472
-
473
- h5, .mint-h5 {
474
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
475
- }
476
-
477
- h6, .mint-h6 {
478
- font-family: "JosefinSans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
479
- }
480
-
481
- h1, .mint-h1 {
482
- margin: 1rem 0;
483
- font-size: 2.5rem;
484
- }
485
- @media (min-width: 1024px) {
486
- h1, .mint-h1 {
487
- font-size: 3rem;
488
- }
489
- }
490
-
491
- h2, .mint-h2 {
492
- margin: 1rem 0;
493
- font-size: 2rem;
494
- }
495
- @media (min-width: 1024px) {
496
- h2, .mint-h2 {
497
- font-size: 2.5rem;
498
- }
499
- }
500
-
501
- h3, .mint-h3 {
502
- margin: 1rem 0;
503
- font-size: 1.75rem;
504
- }
505
- @media (min-width: 1024px) {
506
- h3, .mint-h3 {
507
- font-size: 2rem;
508
- }
509
- }
510
-
511
- h4, .mint-h4 {
512
- margin: 1rem 0;
513
- font-size: 1.5rem;
514
- }
515
- @media (min-width: 1024px) {
516
- h4, .mint-h4 {
517
- font-size: 1.75rem;
518
- }
519
- }
520
-
521
- h5, .mint-h5 {
522
- margin: 1rem 0;
523
- font-size: 1.25rem;
524
- }
525
- @media (min-width: 1024px) {
526
- h5, .mint-h5 {
527
- font-size: 1.5rem;
528
- }
529
- }
530
-
531
- h6, .mint-h6 {
532
- margin: 1rem 0;
533
- font-size: 1.125rem;
534
- }
535
- @media (min-width: 1024px) {
536
- h6, .mint-h6 {
537
- font-size: 1.25rem;
538
- }
539
- }
540
-
541
- p, .mint-p {
542
- margin: 1rem 0;
543
- font-size: 1rem;
544
- }
545
- @media (min-width: 1024px) {
546
- p, .mint-p {
547
- font-size: 1.125rem;
548
- }
549
- }
550
-
551
- :root {
552
- --mint-bitcoin: #FF9900;
553
- --mint-ethereum: #3C3C3D;
554
- --mint-venmo: #008CFF;
555
- --mint-facebook: #3b5998;
556
- --mint-youtube: #F00;
557
- --mint-itunes: #DDD;
558
- --mint-spotify: #84bd00;
559
- --mint-amazon-0: #F90;
560
- --mint-amazon-1: #146eb4;
561
- --mint-napster-0: #2ca6de;
562
- --mint-napster-1: #fdb813;
563
- --mint-google-play-0: #f55a34;
564
- --mint-google-play-1: #ffd119;
565
- --mint-google-play-2: #ff8c00;
566
- --mint-instagram-0: #8a3ab9;
567
- --mint-instagram-1: #4c68d7;
568
- --mint-instagram-2: #cd486b;
569
- --mint-instagram-3: #fbad50;
570
- --mint-instagram-4: #fccc63;
571
- --mint-instagram-5: #bc2a8d;
572
- --mint-instagram-6: #e95950;
573
- --mint-black: #000;
574
- --mint-black-0: black;
575
- --mint-black-1: #1a1a1a;
576
- --mint-black-2: #333333;
577
- --mint-black-3: #4d4d4d;
578
- --mint-black-4: #666666;
579
- --mint-black-5: gray;
580
- --mint-black-6: #999999;
581
- --mint-white: #fff;
582
- --mint-white-0: white;
583
- --mint-white-1: #e6e6e6;
584
- --mint-white-2: #cccccc;
585
- --mint-white-3: #b3b3b3;
586
- --mint-white-4: #999999;
587
- --mint-white-5: gray;
588
- --mint-white-6: #666666;
589
- --mint-trans: rgba(0, 0, 0, 0);
590
- --mint-trans-0: rgba(0, 0, 0, 0);
591
- --mint-trans-1: rgba(0, 0, 0, 0.1);
592
- --mint-trans-2: rgba(0, 0, 0, 0.2);
593
- --mint-trans-3: rgba(0, 0, 0, 0.3);
594
- --mint-trans-4: rgba(0, 0, 0, 0.4);
595
- --mint-trans-5: rgba(0, 0, 0, 0.5);
596
- --mint-trans-6: rgba(0, 0, 0, 0.6);
597
- --mint-brand: #4682b4;
598
- --mint-brand-0: #b2cce1;
599
- --mint-brand-1: #8db3d3;
600
- --mint-brand-2: #699bc4;
601
- --mint-brand-3: #4682b4;
602
- --mint-brand-4: #38678f;
603
- --mint-brand-5: #294d6b;
604
- --mint-brand-6: #1b3246;
605
- --mint-accent: #483d8b;
606
- --mint-accent-0: #9b92cf;
607
- --mint-accent-1: #7a6ec0;
608
- --mint-accent-2: #5a4dae;
609
- --mint-accent-3: #483d8b;
610
- --mint-accent-4: #362d68;
611
- --mint-accent-5: #231e44;
612
- --mint-accent-6: #110e21;
613
- --mint-success: #208a20;
614
- --mint-success-0: #67dc67;
615
- --mint-success-1: #3ed23e;
616
- --mint-success-2: #2ab32a;
617
- --mint-success-3: #208a20;
618
- --mint-success-4: #166116;
619
- --mint-success-5: #0d370d;
620
- --mint-success-6: #030e03;
621
- --mint-danger: #ff4d4d;
622
- --mint-danger-0: #ffe6e6;
623
- --mint-danger-1: #ffb3b3;
624
- --mint-danger-2: #ff8080;
625
- --mint-danger-3: #ff4d4d;
626
- --mint-danger-4: #ff1a1a;
627
- --mint-danger-5: #e60000;
628
- --mint-danger-6: #b30000;
629
- --mint-warning: #ffaa22;
630
- --mint-warning-0: #ffe5bb;
631
- --mint-warning-1: #ffd188;
632
- --mint-warning-2: #ffbe55;
633
- --mint-warning-3: #ffaa22;
634
- --mint-warning-4: #ee9200;
635
- --mint-warning-5: #bb7300;
636
- --mint-warning-6: #885400;
637
- --mint-info: #4682b4;
638
- --mint-info-0: #b2cce1;
639
- --mint-info-1: #8db3d3;
640
- --mint-info-2: #699bc4;
641
- --mint-info-3: #4682b4;
642
- --mint-info-4: #38678f;
643
- --mint-info-5: #294d6b;
644
- --mint-info-6: #1b3246;
645
- }
646
-
647
- :root {
648
- --mint-fore: #1a1a1a;
649
- --mint-back: #e6e6e6;
650
- }
651
-
652
- .mint-dark {
653
- --mint-fore: #e6e6e6;
654
- --mint-back: #1a1a1a;
655
- color: var(--mint-fore);
656
- }
657
-
658
- .mint-light {
659
- --mint-fore: #1a1a1a;
660
- --mint-back: #e6e6e6;
661
- color: var(--mint-fore);
662
- }
663
-
664
- a {
665
- color: var(--mint-brand);
666
- }
667
- a:hover {
668
- color: var(--mint-accent-0);
669
- }
670
- a:hover .fa-github {
671
- color: var(--mint-white-1);
672
- }
673
- a:hover .fa-youtube {
674
- color: var(--mint-youtube);
675
- }
676
- a:hover .fa-instagram {
677
- color: var(--mint-instagram-0);
678
- }
679
- a:hover .fa-bitcoin {
680
- color: var(--mint-bitcoin);
681
- }
682
- a:hover .fa-ethereum {
683
- color: var(--mint-ethereum);
684
- }
685
- a:hover .fa-vimeo {
686
- color: var(--mint-venmo);
687
- }
688
- a:focus {
689
- color: var(--mint-accent-0);
690
- }
691
- a:focus .fa-github {
692
- color: var(--mint-white-1);
693
- }
694
- a:focus .fa-youtube {
695
- color: var(--mint-youtube);
696
- }
697
- a:focus .fa-instagram {
698
- color: var(--mint-instagram-0);
699
- }
700
- a:focus .fa-bitcoin {
701
- color: var(--mint-bitcoin);
702
- }
703
- a:focus .fa-ethereum {
704
- color: var(--mint-ethereum);
705
- }
706
- a:focus .fa-vimeo {
707
- color: var(--mint-venmo);
708
- }
709
- a:active, a.mint-active {
710
- color: var(--mint-accent-0);
711
- }
712
- a:active .fa-github, a.mint-active .fa-github {
713
- color: var(--mint-white-1);
714
- }
715
- a:active .fa-youtube, a.mint-active .fa-youtube {
716
- color: var(--mint-youtube);
717
- }
718
- a:active .fa-instagram, a.mint-active .fa-instagram {
719
- color: var(--mint-instagram-0);
720
- }
721
- a:active .fa-bitcoin, a.mint-active .fa-bitcoin {
722
- color: var(--mint-bitcoin);
723
- }
724
- a:active .fa-ethereum, a.mint-active .fa-ethereum {
725
- color: var(--mint-ethereum);
726
- }
727
- a:active .fa-vimeo, a.mint-active .fa-vimeo {
728
- color: var(--mint-venmo);
729
- }
730
- a i {
731
- transition: color 500ms;
732
- }
733
-
734
- /*# sourceMappingURL=styles.css.map*/