touchstudy-core 0.1.0 → 0.1.1

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.
package/dist/index.css CHANGED
@@ -1,706 +1,28 @@
1
- :root {
2
- --core-white: #fff;
3
- --core-red: #f00;
4
- --core-gray: #ccc;
5
- --core-light-blue: #d2e1f8;
6
- --core-light-gray: #f2f2f2;
7
- --core-light-blue-btn: #20a8d8;
8
- --core-blue-btn: #1b8eb7;
9
- --core-blue-border: #1985ac; }
10
-
11
1
  ._2HqmH {
12
2
  width: 100%;
13
3
  justify-content: center; }
14
4
  ._2HqmH > span {
15
- font-family: "Poppins-Regular" !important; }
16
-
17
- ._2sew7 {
18
- top: -4px;
19
- right: -3px;
20
- transform: translate(50%, -50%);
21
- margin: 2px;
22
- border-radius: 50%;
23
- width: 16px;
24
- height: 16px;
25
- background-color: var(--core-red);
26
- color: var(--core-white);
27
- text-align: center; }
28
-
29
- /* style for login */
30
- ._3OgWF {
31
- display: inline-block;
32
- font-size: 34px;
33
- letter-spacing: normal;
34
- text-align: center;
35
- text-transform: uppercase;
36
- line-height: 2;
37
- color: #ffffff; }
38
-
39
- ._r9cAh {
40
- background-color: #ffb04f;
41
- border-radius: 100px;
42
- padding: 5px 40px;
43
- text-align: center;
44
- text-transform: uppercase;
45
- font-weight: 600;
46
- font-size: 20px;
47
- color: #242424;
48
- cursor: pointer;
49
- display: inline-block; }
50
- ._r9cAh:hover {
51
- color: inherit;
52
- background: #f5a037;
53
- text-decoration: none; }
54
-
55
- ._NszFe,
56
- ._MDjzH {
57
- color: #ffffff !important;
58
- font-size: 16px;
59
- font-weight: 500;
60
- text-align: center; }
61
- ._NszFe:hover,
62
- ._MDjzH:hover {
63
- color: #ffffff;
64
- text-decoration: none; }
65
-
66
- ._1Swkw p {
67
- color: #ffffff;
68
- margin-bottom: 0;
69
- font-size: 56px;
70
- font-weight: 700;
71
- text-align: left; }
72
-
73
- ._gi8vj p {
74
- color: #73c8e5;
75
- margin-bottom: 0;
76
- font-size: 24px;
77
- font-weight: 600;
78
- text-align: left;
79
- opacity: 0.8; }
80
-
81
- ._38Lo1 {
82
- width: 826px; }
83
-
84
- ._1OzGy {
85
- width: 50%;
86
- max-width: 826px;
87
- border-radius: 5px; }
5
+ font-family: "Roboto" !important;
6
+ font-weight: 700; }
88
7
 
89
8
  ._wWIyO {
90
- width: 100%;
91
- height: 100%;
92
- background-color: #ffffff;
93
- border-radius: 5px 0 0 5px;
94
- box-shadow: 0 3px 6px #00000029; }
95
-
96
- ._3nuns {
97
- font-size: 24px;
98
- font-weight: bold;
99
- line-height: 28px;
100
- margin-bottom: 30px;
101
- font-family: "Montserrat-Bold" !important; }
102
-
103
- ._21qb6 {
104
- margin-bottom: 5px; }
105
-
106
- ._NhW9l {
107
- font-weight: 500;
108
- font-size: 32px;
109
- color: #8b0000;
110
- line-height: 0.5;
111
- cursor: pointer; }
112
- ._NhW9l:hover {
113
- text-decoration: none;
114
- color: #8b0000; }
115
-
116
- ._3IL10 {
117
- background-color: rgba(0, 0, 0, 0.1);
118
- cursor: pointer;
119
- color: #ffffff;
120
- font-size: 16px;
121
- font-weight: 500;
122
- text-align: center;
123
- padding: 13px 27px;
124
- border-radius: 4px;
125
- display: block;
126
- border: none;
127
- outline: none;
128
- width: 100%;
129
- font-family: "Poppins-Regular" !important; }
130
-
131
- ._141p1 {
132
- bottom: 20px;
133
- position: absolute;
134
- right: 100px; }
135
-
136
- ._Ce3Kg {
137
- color: #2196f3;
138
- text-align: center;
139
- font-weight: 500; }
140
- ._Ce3Kg:hover {
141
- color: #336dda; }
142
-
143
- ._2t6d9 {
144
- text-align: left;
145
- font-weight: normal;
146
- font-size: 16px !important; }
147
-
148
- ._3bDsd {
149
- color: #336dda;
150
- font-size: 16px;
151
- display: inline-block;
152
- font-weight: 500;
153
- font-family: "Poppins-Regular" !important; }
154
- ._3bDsd:hover {
155
- color: #336dda;
156
- -webkit-text-decoration: revert;
157
- text-decoration: revert; }
158
-
159
- ._11FZt {
160
- font-weight: 500; }
161
-
162
- ._3LXoI {
163
- text-align: center;
164
- font-size: 14px; }
165
- ._3LXoI a {
166
- font-weight: 500;
167
- color: #c70000; }
168
- ._3LXoI a:hover {
169
- color: #c70000; }
170
-
171
- ._PMcjT {
172
- color: #c70000;
173
- font-size: 16px;
174
- font-weight: 500;
9
+ border: 1px solid #ECEAE9;
10
+ padding: 60px;
11
+ border-radius: 6px;
12
+ width: -moz-max-content;
13
+ width: max-content;
175
14
  text-align: center; }
176
-
177
- ._2rZY6 {
178
- border-radius: 12px;
179
- padding: 20px 50px;
180
- margin-right: 20px;
181
- height: 100%;
182
- width: 280px; }
183
- ._2rZY6 ._3SOdX > p {
184
- font-size: 14px;
185
- font-weight: 400;
186
- margin-bottom: 0; }
187
- ._2rZY6 ._3SOdX > p > span {
188
- font-size: 14px;
189
- font-weight: 600; }
190
- ._2rZY6 ._y9lM2 > img {
191
- height: 30px; }
192
-
193
- ._2rZY6:nth-child(1) {
194
- background: #316cd9;
195
- color: #ffffff; }
196
-
197
- ._2rZY6:nth-child(2) {
198
- background: #c54140;
199
- color: #ffffff; }
200
-
201
- ._2rZY6:nth-child(3) {
202
- background: #73c8e5;
203
- color: #242424; }
204
-
205
- ._1TT1q ._NszFe,
206
- ._1TT1q ._MDjzH {
207
- padding: 0 15px; }
208
-
209
- ._1TT1q ._r9cAh {
210
- color: #ffffff;
211
- margin-left: 15px; }
212
- ._1TT1q ._r9cAh:hover {
213
- background-color: #ffffff;
214
- color: #8b0000;
215
- text-decoration: none; }
216
-
217
- ._32V6L {
218
- display: inline-block;
219
- width: 430px;
220
- height: 170px;
221
- box-shadow: 0 3px 6px #27347d29;
222
- border-radius: 20px;
223
- opacity: 1;
224
- padding: 50px; }
225
- ._32V6L ._20YJX {
226
- width: 70px;
227
- vertical-align: top; }
228
- ._32V6L ._3OgWF {
229
- width: 70%; }
230
-
231
- ._wWIyO {
232
- padding: 60px 50px;
233
- position: relative; }
234
- ._wWIyO label:not(._11FZt) {
235
- color: #8f9bb3;
236
- text-transform: uppercase; }
237
- ._wWIyO input[type="text"],
238
- ._wWIyO input[type="password"] {
239
- width: 100%;
240
- border-radius: 4px;
241
- background-color: #f7f9fc;
242
- height: 50px;
243
- margin-bottom: 5px;
244
- padding: 4px; }
245
- ._wWIyO ._39BJD {
15
+ ._wWIyO img {
246
16
  margin-bottom: 30px; }
247
- ._wWIyO ._39BJD ._ozRAq:disabled {
248
- background: #E5E5E5; }
249
- ._wWIyO input[type="checkbox"]._2K9b2 {
250
- margin-left: 0; }
251
- ._wWIyO ._11FZt {
252
- padding-left: 20px; }
253
- ._wWIyO ._3IL10 {
254
- margin: 30px 0;
255
- color: rgba(0, 0, 0, 0.36);
256
- font-weight: 500;
257
- font-family: "Poppins-Regular" !important; }
258
- ._wWIyO ._3IL10:hover {
259
- background-color: #2196f3;
260
- color: #ffffff; }
261
- ._wWIyO ._2VvIr {
262
- border-radius: 50px; }
263
- ._wWIyO ._2A0HF {
264
- background: #316CD9;
265
- color: #FFFFFF; }
266
- ._wWIyO ._3LXoI {
267
- position: absolute;
268
- margin-left: auto;
269
- margin-right: auto;
270
- left: 0;
271
- right: 0;
272
- bottom: 0;
273
- text-align: center; }
274
-
275
- ._23Sua {
276
- min-height: 40vh; }
277
-
278
- ._3CWP6 ._3nuns {
279
- margin-bottom: 0;
280
- font-family: "Montserrat-Bold" !important; }
281
-
282
- ._3CWP6 ._PMcjT {
283
- margin-bottom: 20px;
284
- font-family: "Poppins-Regular" !important; }
285
-
286
- ._3CWP6 ._3IL10 {
287
- margin-bottom: 70px;
288
- font-family: "Poppins-Regular" !important; }
289
-
290
- ._3Wmco ._13Rk0 {
291
- padding-bottom: 60px; }
292
-
293
- * {
294
- box-sizing: border-box; }
295
-
296
- ._o6HKW {
297
- margin-top: -2rem;
298
- margin-left: -30px;
299
- margin-right: -30px; }
300
-
301
- ._30npl {
302
- width: 100%;
303
- height: 100%;
304
- z-index: 1; }
305
- ._30npl img {
306
- width: 100%;
307
- height: 100%;
308
- -o-object-fit: cover;
309
- object-fit: cover;
310
- -o-object-position: center;
311
- object-position: center;
312
- position: absolute;
313
- z-index: 1;
314
- top: 0;
315
- left: 0; }
316
- ._30npl img._3oAH- {
317
- z-index: 3; }
318
- ._30npl img._3oAH-._16rY4 {
319
- animation: _26nbh 1s ease-in-out forwards; }
320
- ._30npl img._3A7Vv {
321
- z-index: 2; }
322
-
323
- @keyframes _26nbh {
324
- 0% {
325
- opacity: 0; }
326
- 100% {
327
- opacity: 1; } }
328
-
329
- ._F-hjL {
330
- background-color: #336dda;
331
- background-repeat: no-repeat;
332
- background-size: cover;
333
- width: 100%;
334
- height: 100vh;
335
- background-position: center; }
336
- @media (max-width: 768px) {
337
- ._F-hjL {
338
- background-color: #336dda;
339
- overflow: hidden; } }
340
- ._F-hjL ._149oA {
341
- position: relative;
342
- z-index: 2;
343
- background: rgba(0, 0, 0, 0.57);
344
- height: 100%;
345
- padding: 20px 100px; }
346
- ._F-hjL ._149oA ._24U3W > img {
347
- height: 60px; }
348
- ._F-hjL ._149oA ._3Wmco {
349
- padding-top: 70px; }
350
-
351
- ._2v-L_ {
352
- padding: 0 !important; }
353
-
354
- ._3ncTL {
355
- width: 100%;
356
- height: 100%;
357
- border-radius: 0 5px 5px 0 !important; }
358
17
 
359
- ._2kOvJ {
360
- width: 50%;
361
- margin-bottom: 25px;
362
- margin-left: -30px; }
363
-
364
- ._39l0X {
365
- padding: 0; }
366
- ._39l0X > ._1BMwK {
367
- padding: 0; }
368
-
369
- ._1XNpH {
370
- padding: 4px;
371
- margin-bottom: 0;
372
- border: 1px solid var(--core-light-blue-btn);
373
- background-color: var(--core-light-blue-btn);
374
- border-radius: 2px;
375
- color: #fff;
376
- font-weight: 500;
377
- font-size: 0.9em;
378
- cursor: pointer;
379
- height: 30px; }
380
-
381
- ._1XNpH:hover {
382
- border: 1px solid var(--core-blue-border);
383
- background-color: var(--core-blue-btn); }
384
-
385
- ._1z5h9 {
386
- height: 30px; }
387
-
388
- ._Gewcf {
389
- max-width: 300px;
390
- max-height: 75px; }
391
-
392
- ._2vcmv {
393
- background: #262626 !important; }
394
-
395
- ._1hXpy {
396
- max-width: 160px;
397
- max-height: 60px; }
398
-
399
- ._3vb3s li > a {
400
- color: #808080 !important; }
401
-
402
- ._3vb3s li > a:hover {
403
- background: #191919 !important;
404
- color: #ffff !important; }
405
-
406
- ._3vb3s li > ._36jSM {
407
- background: #191919 !important;
408
- color: #ffff !important; }
409
-
410
- ._DNrus li > a {
411
- max-width: 200px; }
412
-
413
- ._3NEZj,
414
- ._1wUDG {
415
- background: #262626 !important; }
416
-
417
- ._1S7Px {
418
- cursor: pointer;
419
- font-size: 20px;
420
- color: #808080; }
421
-
422
- ._3846X {
423
- height: 36px;
424
- width: 36px;
425
- -o-object-fit: contain;
426
- object-fit: contain;
427
- -o-object-position: center;
428
- object-position: center; }
429
-
430
- ._1wUDG {
431
- background: #262626;
432
- cursor: pointer; }
433
- ._1wUDG p {
434
- color: #808080;
435
- margin: 0;
436
- cursor: pointer; }
437
-
438
- ._2P85D {
439
- height: 25px;
440
- margin-right: 15px;
441
- cursor: pointer;
442
- color: #808080; }
443
-
444
- ._1qjbW {
445
- height: 90vh; }
446
-
447
- ._1I62C label {
448
- display: block;
449
- font-size: 16px;
450
- margin-top: 10px;
451
- margin-left: 5px; }
452
-
453
- ._1I62C ._3cLcM {
454
- display: block; }
455
-
456
- ._1krbH ._RQaHE {
457
- border: none;
458
- background-color: transparent;
459
- outline: none; }
460
- ._1krbH ._RQaHE:hover, ._1krbH ._RQaHE:focus, ._1krbH ._RQaHE:active {
461
- background-color: transparent !important;
462
- outline: none;
463
- border: none;
464
- box-shadow: none !important; }
465
- ._1krbH ._RQaHE img {
466
- width: 40px;
467
- height: 40px;
468
- border-radius: 50%; }
469
-
470
- ._1krbH ._XK8oS {
471
- width: 30px !important;
472
- height: auto !important;
473
- border-radius: 0 !important; }
474
-
475
- ._1krbH ._3ys4W {
476
- width: 300px;
477
- top: 52px !important;
478
- left: -250px !important;
479
- transform: none !important;
480
- border-radius: 10px;
481
- box-shadow: 0px 3px 6px #27347d29;
482
- border: none;
483
- padding: 15px; }
484
- ._1krbH ._3ys4W:after {
485
- display: none; }
486
- ._1krbH ._3ys4W ._ToOW_ {
487
- background: transparent; }
488
- ._1krbH ._3ys4W ._ToOW_:hover {
489
- color: #8b0000; }
490
-
491
- ._1krbH ._3sQlR {
492
- font-weight: 600;
493
- border-top: 1px solid #27347d29;
494
- padding-top: 10px; }
495
- ._1krbH ._3sQlR._3bqSM {
496
- color: #8b0000; }
497
- ._1krbH ._3sQlR ._1jgSI {
498
- margin-right: 12px; }
499
-
500
- ._1krbH ._35Ttz img {
501
- width: 70px;
502
- height: 70px;
503
- border-radius: 50%;
504
- box-shadow: 0px 3px 6px #27347d29;
505
- border: 2px solid #ffffff; }
506
-
507
- ._1krbH ._3ys4W ._1wc7o {
508
- padding: 10px 0; }
509
-
510
- ._1krbH ._3ys4W ._1_9tV {
511
- color: #8b0000;
512
- font-weight: 600; }
513
-
514
- ._1krbH ._3S4f2 {
515
- padding-left: 20px;
516
- width: 190px; }
517
- ._1krbH ._3S4f2 h5,
518
- ._1krbH ._3S4f2 span {
519
- white-space: nowrap;
520
- overflow: hidden;
521
- text-overflow: ellipsis;
522
- display: inline-block;
523
- width: 100%; }
524
- ._1krbH ._3S4f2 a {
525
- padding: 0;
526
- text-decoration: none; }
527
-
528
- ._1krbH ._3ajui {
529
- width: 210px;
530
- top: 40px !important;
531
- left: -80px !important;
532
- transform: none !important;
533
- border-radius: 6px;
534
- box-shadow: 0px 8px 15px #989898;
535
- border: none;
536
- padding: 0 8px; }
537
- ._1krbH ._3ajui:after {
538
- display: none; }
539
- ._1krbH ._3ajui ._ToOW_ {
540
- background: transparent; }
541
-
542
- ._1krbH ._3Y_y4 {
543
- color: #242424;
18
+ ._38Lo1 {
544
19
  display: flex;
545
- padding: 8px;
546
- border-radius: 6px; }
547
- ._1krbH ._3Y_y4:hover {
548
- background-color: #f1faff;
549
- color: #009ef7; }
550
-
551
- ._1krbH ._CzNMi {
552
- background-color: #f1faff;
553
- color: #009ef7; }
554
-
555
- ._1ocBa {
556
- cursor: pointer;
557
- font-weight: 500; }
558
- ._18NhM, ._1ocBa:hover {
559
- color: #316cd9; }
560
- ._1ocBa svg {
561
- width: 16px;
562
- height: 16px; }
563
-
564
- ._2bquW {
565
- top: 50%;
566
- transform: translateY(-50%);
567
- left: 12px;
568
- font-size: 14px; }
569
-
570
- ._3A4G4 {
571
- padding-left: 28px !important; }
572
-
573
- ._1MsEW {
574
- max-height: 200px;
575
- overflow-y: auto;
576
- border-radius: 8px; }
577
- ._1MsEW input {
578
- margin-bottom: 5px; }
579
-
580
- ._2rTzM {
581
- border-radius: 4px;
582
- background: #ffff; }
583
-
584
- ._18y0w {
585
- padding: 6px 12px 6px 0px;
586
- border-radius: 0 4px 4px 0;
587
- color: #fff; }
588
-
589
- ._3cZAT {
590
- padding: 5px 8px 7px 6px;
591
- border-radius: 4px 0 0 4px; }
592
-
593
- @media (max-width: 575px) {
594
- ._1INnO {
595
- display: none; }
596
- ._38Lo1 {
597
- width: 358px; }
598
- ._wWIyO {
599
- padding: 50px 20px !important; } }
600
-
601
- @media (max-width: 768px) {
602
- ._2v-L_ {
603
- display: none; }
604
- ._wWIyO {
605
- border-radius: 5px !important; }
606
- ._38Lo1 {
607
- width: 500px !important;
608
- max-width: 95%; }
609
- ._2yRc8 {
610
- font-size: 30px;
611
- color: #ffffff; }
612
- ._149oA {
613
- padding: 20px !important; }
614
- ._13Rk0 ._1Swkw > p {
615
- font-size: 40px;
616
- font-weight: 700;
617
- text-align: center; }
618
- ._13Rk0 ._gi8vj > p {
619
- font-size: 16px;
620
- font-weight: 600;
621
- text-align: center; }
622
- ._141p1 {
623
- right: 20px; }
624
- ._ABUIP {
625
- overflow-x: scroll;
626
- -ms-overflow-style: none;
627
- scrollbar-width: none; }
628
- ._ABUIP::-webkit-scrollbar {
629
- display: none; }
630
- ._F-hjL ._1TT1q ._NszFe {
631
- width: 70%;
632
- border: #8b0000;
633
- color: #ffffff;
634
- max-width: 500px;
635
- margin: 5px auto;
636
- background-color: #8b0000;
637
- border-radius: 10px;
638
- padding: 5px 40px; }
639
- ._F-hjL ._1TT1q ._MDjzH {
640
- width: 70%;
641
- border: #8b0000;
642
- max-width: 500px;
643
- margin: 5px auto;
644
- border-radius: 10px;
645
- color: #ffffff;
646
- background-color: #8b0000;
647
- padding: 5px 40px; }
648
- ._F-hjL ._1TT1q ._r9cAh {
649
- justify-content: center;
650
- width: 70%;
651
- max-width: 500px;
652
- margin: 5px auto;
653
- border: #8b0000;
654
- color: #ffffff;
655
- background-color: #8b0000; }
656
- ._F-hjL ._1TT1q ._r9cAh :hover {
657
- background-color: transparent;
658
- color: #8b0000; }
659
- ._1INnO {
660
- display: none; }
661
- ._WX97m {
662
- padding: 10px 40px !important; }
663
- ._WX97m {
664
- background: #ffff;
665
- padding: 20px;
666
- margin-top: 10px; }
667
- ._WX97m > ul > li > a {
668
- width: 100% !important;
669
- border: none !important;
670
- color: #000000 !important;
671
- background-color: #fff !important;
672
- text-align: left;
673
- padding: 0 !important; } }
674
-
675
- @media (min-width: 768px) {
676
- ._2LIqK {
677
- display: none; } }
678
-
679
- ._2Zz97 ._3-yp5 {
680
- z-index: -1; }
681
-
682
- ._1KcY7 {
683
- padding: 10px 75px;
684
- border-top: 1px solid #DFE0DF;
685
- cursor: pointer;
686
- font-size: 20px;
687
- text-align: center;
688
- margin-bottom: 0;
689
- transition: background-color 0.5s ease-out; }
690
-
691
- ._1KcY7:hover {
692
- background: #336DDA;
693
- color: #ffff; }
694
-
695
- ._dOVso {
696
- background: #336DDA;
697
- color: #ffff; }
698
-
699
- ._3ZqxI > div {
700
- border-radius: 7px; }
20
+ align-items: center;
21
+ justify-content: center;
22
+ width: 100%;
23
+ height: 100vh; }
701
24
 
702
- ._3ZqxI ._g-p72 {
703
- font-weight: 500;
704
- line-height: 1.6;
705
- font-size: 20px;
706
- padding: 10px 20px; }
25
+ ._2HqmH {
26
+ border: 1px solid #AEABAC !important;
27
+ border-radius: 5px !important;
28
+ box-shadow: unset !important; }