@jaisocx/css-clean-start-2 1.1.10 → 1.2.3

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,140 +1,29 @@
1
1
 
2
- .jsx {
3
-
4
-
5
- --responsive_size_e02_mobile_xs_portrait_min_width: 240px;
6
- --responsive_size_e02_mobile_xs_portrait_max_width: 320px;
7
-
8
- --responsive_size_e02_mobile_xs_landscape_min_width: 320px;
9
- --responsive_size_e02_mobile_xs_landscape_max_width: 500px;
10
-
11
-
12
-
13
-
14
- --responsive_size_e04_mobile_s_portrait_min_width: 321px;
15
- --responsive_size_e04_mobile_s_portrait_max_width: 374px;
16
-
17
- --responsive_size_e04_mobile_s_landscape_min_width: 501px;
18
- --responsive_size_e04_mobile_s_landscape_max_width: 667px;
19
-
20
2
 
21
3
 
22
-
23
- --responsive_size_e06_mobile_sm_portrait_min_width: 375px;
24
- --responsive_size_e06_mobile_sm_portrait_max_width: 430px;
25
-
26
- --responsive_size_e06_mobile_sm_landscape_min_width: 668px;
27
- --responsive_size_e06_mobile_sm_landscape_max_width: 736px;
28
-
29
4
 
30
5
 
31
-
32
- --responsive_size_e08_mobile_md_portrait_min_width: 431px;
33
- --responsive_size_e08_mobile_md_portrait_max_width: 480px;
34
-
35
- --responsive_size_e08_mobile_md_landscape_min_width: 737px;
36
- --responsive_size_e08_mobile_md_landscape_max_width: 812px;
37
6
 
38
7
 
39
8
 
40
-
41
- --responsive_size_h03_tablet_sm_portrait_min_width: 481px;
42
- --responsive_size_h03_tablet_sm_portrait_max_width: 767px;
43
9
 
44
- --responsive_size_h03_tablet_sm_landscape_min_width: 813px;
45
- --responsive_size_h03_tablet_sm_landscape_max_width: 960px;
46
10
 
47
11
 
48
12
 
49
-
50
- --responsive_size_h05_tablet_md_portrait_min_width: 768px;
51
- --responsive_size_h05_tablet_md_portrait_max_width: 1024px;
52
13
 
53
- --responsive_size_h05_tablet_md_landscape_min_width: 961px;
54
- --responsive_size_h05_tablet_md_landscape_max_width: 1024px;
55
14
 
56
15
 
57
16
 
58
-
59
- --responsive_size_l03_laptop_sm_portrait_min_width: 1025px;
60
- --responsive_size_l03_laptop_sm_portrait_max_width: 1080px;
61
17
 
62
- --responsive_size_l03_laptop_sm_landscape_min_width: 1025px;
63
- --responsive_size_l03_laptop_sm_landscape_max_width: 1279px;
64
18
 
65
19
 
66
20
 
67
-
68
- --responsive_size_l05_laptop_md_portrait_min_width: 1081px;
69
- --responsive_size_l05_laptop_md_portrait_max_width: 1200px;
70
21
 
71
- --responsive_size_l05_laptop_md_landscape_min_width: 1280px;
72
- --responsive_size_l05_laptop_md_landscape_max_width: 1439px;
73
22
 
74
23
 
75
24
 
76
-
77
- --responsive_size_l07_laptop_lg_portrait_min_width: 1201px;
78
- --responsive_size_l07_laptop_lg_portrait_max_width: 1440px;
79
25
 
80
- --responsive_size_l07_laptop_lg_landscape_min_width: 1440px;
81
- --responsive_size_l07_laptop_lg_landscape_max_width: 1600px;
82
-
83
-
84
-
85
-
86
- --responsive_size_s02_display_xl_portrait_min_width: 1441px;
87
- --responsive_size_s02_display_xl_portrait_max_width: 1600px;
88
-
89
- --responsive_size_s02_display_xl_landscape_min_width: 1601px;
90
- --responsive_size_s02_display_xl_landscape_max_width: 1920px;
91
-
92
-
93
-
94
-
95
- --responsive_size_s04_display_xxl_portrait_min_width: 1601px;
96
- --responsive_size_s04_display_xxl_portrait_max_width: 2160px;
97
-
98
- --responsive_size_s04_display_xxl_landscape_min_width: 1921px;
99
- --responsive_size_s04_display_xxl_landscape_max_width: 2560px;
100
-
101
-
102
-
103
-
104
- --responsive_size_s08_display_qhd_portrait_min_width: 2161px;
105
- --responsive_size_s08_display_qhd_portrait_max_width: 2160px;
106
-
107
- --responsive_size_s08_display_qhd_landscape_min_width: 2561px;
108
- --responsive_size_s08_display_qhd_landscape_max_width: 3840px;
109
-
110
-
111
-
112
-
113
- --responsive_size_t04_tv_4k_portrait_min_width: 2161px;
114
- --responsive_size_t04_tv_4k_portrait_max_width: 4320px;
115
26
 
116
- --responsive_size_t04_tv_4k_landscape_min_width: 3841px;
117
- --responsive_size_t04_tv_4k_landscape_max_width: 7680px;
118
-
119
-
120
-
121
-
122
- --responsive_size_t08_tv_8k_portrait_min_width: 4321px;
123
- --responsive_size_t08_tv_8k_portrait_max_width: 8640px;
124
-
125
- --responsive_size_t08_tv_8k_landscape_min_width: 7681px;
126
- --responsive_size_t08_tv_8k_landscape_max_width: 15360px;
127
-
128
-
129
-
130
-
131
- --responsive_size_t16_tv_16k_portrait_min_width: 8641px;
132
- --responsive_size_t16_tv_16k_portrait_max_width: 9999px;
133
-
134
- --responsive_size_t16_tv_16k_landscape_min_width: 15361px;
135
- --responsive_size_t16_tv_16k_landscape_max_width: 25360px;
136
-
137
- }
138
27
 
139
28
 
140
29
  .jsx {
@@ -143,7 +32,7 @@
143
32
 
144
33
 
145
34
 
146
- --jsx--css-clean-start-2--body-tag--background: #eee;
35
+ --jsx--css-clean-start-2--body-tag--background: #fafff5;
147
36
  --jsx--css-clean-start-2--site--background: #fff;
148
37
 
149
38
 
@@ -328,208 +217,101 @@
328
217
 
329
218
 
330
219
 
331
- @media only screen and (min-width: 2px) and (max-width: 239px) and (min-height: 2px) and (max-height: 99999px) and (orientation: portrait) {
332
220
 
333
- .jsx {
334
- --theme_name: CssCleanStart_2__theme_base;
335
- --theme_name__CssCleanStart_2: theme_base;
336
221
 
337
- --responsive_size: responsive_size_d05_very_small_xxs_portrait;
338
222
 
339
- --responsive_size__min-width: 2px;
340
- --responsive_size__max-width: 239px;
341
223
 
342
- --responsive_size__min-height: 2px;
343
- --responsive_size__max-height: 99999px;
344
224
 
345
225
 
346
226
 
347
- --responsive_size__CssCleanStart_2__theme_base: responsive_size_d05_very_small_xxs_portrait__CssCleanStart_2__theme_base;
348
227
 
349
- --responsive_size__CssCleanStart_2__theme_base__min-width: 2px;
350
- --responsive_size__CssCleanStart_2__theme_base__max-width: 239px;
351
228
 
352
- --responsive_size__CssCleanStart_2__theme_base__min-height: 2px;
353
- --responsive_size__CssCleanStart_2__theme_base__max-height: 99999px;
354
229
 
355
230
 
356
231
 
357
232
 
358
233
 
359
-
360
-
361
-
362
234
 
363
235
 
364
-
365
-
366
-
367
236
 
368
237
 
369
238
 
370
-
371
-
372
-
373
-
374
239
 
375
-
376
-
377
-
378
240
 
379
-
380
-
381
241
 
382
242
 
383
243
 
384
-
385
-
386
-
387
-
388
244
 
389
-
390
-
391
245
 
392
- --jsx--css-clean-start-2--site--width: 100%;
393
-
394
- --jsx--css-clean-start-2--site--min-width: 100%;
395
246
 
396
247
 
397
248
 
398
-
399
-
400
249
 
401
-
402
-
403
-
404
-
405
-
406
250
 
407
251
 
408
-
409
-
410
-
411
252
 
412
253
 
413
254
 
414
-
415
-
416
-
417
255
 
418
-
419
-
420
-
421
256
 
422
-
423
-
424
257
 
425
-
426
-
427
-
428
258
 
429
-
430
259
 
431
-
432
-
433
260
 
434
- --jsx--css-clean-start-2--all-tags--font-size: 1rem;
435
- --jsx--css-clean-start-2--all-tags--line-height: 1.29rem;
436
261
 
437
-
438
-
439
-
440
262
 
441
263
 
442
264
 
443
-
444
-
445
-
446
-
447
-
448
265
 
449
266
 
450
267
 
451
-
452
-
453
268
 
454
-
455
-
456
269
 
457
-
458
-
459
270
 
460
-
461
-
462
271
 
463
-
464
-
465
272
 
466
-
467
-
468
273
 
469
274
 
470
275
 
471
-
472
-
473
-
474
-
475
276
 
476
-
477
-
478
-
479
-
480
277
 
481
-
482
-
483
-
484
-
485
278
 
486
-
487
-
488
-
489
-
490
279
 
491
-
492
-
493
-
494
-
495
280
 
496
-
497
-
498
-
499
-
500
281
 
501
282
 
502
283
 
503
-
504
-
505
-
506
284
 
507
-
508
-
509
285
 
510
-
511
-
512
286
 
513
287
 
514
288
 
515
-
516
-
517
-
518
289
 
519
-
520
-
521
290
 
522
-
523
-
524
291
 
525
292
 
526
293
 
527
-
528
-
529
294
 
530
- }
531
295
 
532
- }
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
314
+
533
315
 
534
316
 
535
317
 
@@ -739,6 +521,8 @@
739
521
 
740
522
 
741
523
 
524
+
525
+
742
526
  @media only screen and (min-width: 240px) and (max-width: 320px) and (min-height: 240px) and (max-height: 99999px) and (orientation: portrait) {
743
527
 
744
528
  .jsx {
@@ -944,6 +728,9 @@
944
728
 
945
729
 
946
730
 
731
+
732
+
733
+
947
734
  @media only screen and (min-width: 240px) and (max-width: 99999px) and (min-height: 240px) and (max-height: 320px) and (orientation: landscape) {
948
735
 
949
736
  .jsx {
@@ -1150,6 +937,8 @@
1150
937
 
1151
938
 
1152
939
 
940
+
941
+
1153
942
  @media only screen and (min-width: 321px) and (max-width: 375px) and (min-height: 321px) and (max-height: 99999px) and (orientation: portrait) {
1154
943
 
1155
944
  .jsx {
@@ -1355,6 +1144,9 @@
1355
1144
 
1356
1145
 
1357
1146
 
1147
+
1148
+
1149
+
1358
1150
  @media only screen and (min-width: 321px) and (max-width: 99999px) and (min-height: 321px) and (max-height: 375px) and (orientation: landscape) {
1359
1151
 
1360
1152
  .jsx {
@@ -1561,6 +1353,8 @@
1561
1353
 
1562
1354
 
1563
1355
 
1356
+
1357
+
1564
1358
  @media only screen and (min-width: 376px) and (max-width: 430px) and (min-height: 376px) and (max-height: 99999px) and (orientation: portrait) {
1565
1359
 
1566
1360
  .jsx {
@@ -1766,6 +1560,9 @@
1766
1560
 
1767
1561
 
1768
1562
 
1563
+
1564
+
1565
+
1769
1566
  @media only screen and (min-width: 376px) and (max-width: 99999px) and (min-height: 376px) and (max-height: 430px) and (orientation: landscape) {
1770
1567
 
1771
1568
  .jsx {
@@ -1972,6 +1769,8 @@
1972
1769
 
1973
1770
 
1974
1771
 
1772
+
1773
+
1975
1774
  @media only screen and (min-width: 431px) and (max-width: 480px) and (min-height: 431px) and (max-height: 99999px) and (orientation: portrait) {
1976
1775
 
1977
1776
  .jsx {
@@ -2177,6 +1976,9 @@
2177
1976
 
2178
1977
 
2179
1978
 
1979
+
1980
+
1981
+
2180
1982
  @media only screen and (min-width: 431px) and (max-width: 99999px) and (min-height: 431px) and (max-height: 480px) and (orientation: landscape) {
2181
1983
 
2182
1984
  .jsx {
@@ -2383,6 +2185,8 @@
2383
2185
 
2384
2186
 
2385
2187
 
2188
+
2189
+
2386
2190
  @media only screen and (min-width: 481px) and (max-width: 767px) and (min-height: 481px) and (max-height: 99999px) and (orientation: portrait) {
2387
2191
 
2388
2192
  .jsx {
@@ -2588,6 +2392,9 @@
2588
2392
 
2589
2393
 
2590
2394
 
2395
+
2396
+
2397
+
2591
2398
  @media only screen and (min-width: 481px) and (max-width: 99999px) and (min-height: 481px) and (max-height: 767px) and (orientation: landscape) {
2592
2399
 
2593
2400
  .jsx {
@@ -2794,6 +2601,8 @@
2794
2601
 
2795
2602
 
2796
2603
 
2604
+
2605
+
2797
2606
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: portrait) {
2798
2607
 
2799
2608
  .jsx {
@@ -2999,6 +2808,9 @@
2999
2808
 
3000
2809
 
3001
2810
 
2811
+
2812
+
2813
+
3002
2814
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
3003
2815
 
3004
2816
  .jsx {
@@ -3205,6 +3017,8 @@
3205
3017
 
3206
3018
 
3207
3019
 
3020
+
3021
+
3208
3022
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1025px) and (max-height: 1194px) and (orientation: portrait) {
3209
3023
 
3210
3024
  .jsx {
@@ -3410,6 +3224,9 @@
3410
3224
 
3411
3225
 
3412
3226
 
3227
+
3228
+
3229
+
3413
3230
  @media only screen and (min-width: 1025px) and (max-width: 1194px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
3414
3231
 
3415
3232
  .jsx {
@@ -3616,6 +3433,8 @@
3616
3433
 
3617
3434
 
3618
3435
 
3436
+
3437
+
3619
3438
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1195px) and (max-height: 99999px) and (orientation: portrait) {
3620
3439
 
3621
3440
  .jsx {
@@ -3821,6 +3640,9 @@
3821
3640
 
3822
3641
 
3823
3642
 
3643
+
3644
+
3645
+
3824
3646
  @media only screen and (min-width: 1195px) and (max-width: 99999px) and (min-height: 768px) and (max-height: 1024px) and (orientation: landscape) {
3825
3647
 
3826
3648
  .jsx {
@@ -4027,6 +3849,8 @@
4027
3849
 
4028
3850
 
4029
3851
 
3852
+
3853
+
4030
3854
  @media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: portrait) {
4031
3855
 
4032
3856
  .jsx {
@@ -4232,6 +4056,9 @@
4232
4056
 
4233
4057
 
4234
4058
 
4059
+
4060
+
4061
+
4235
4062
  @media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: landscape) {
4236
4063
 
4237
4064
  .jsx {
@@ -4438,6 +4265,8 @@
4438
4265
 
4439
4266
 
4440
4267
 
4268
+
4269
+
4441
4270
  @media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-height: 1366px) and (max-height: 1440px) and (orientation: portrait) {
4442
4271
 
4443
4272
  .jsx {
@@ -4643,6 +4472,9 @@
4643
4472
 
4644
4473
 
4645
4474
 
4475
+
4476
+
4477
+
4646
4478
  @media only screen and (min-width: 1366px) and (max-width: 1440px) and (min-height: 1025px) and (max-height: 1440px) and (orientation: landscape) {
4647
4479
 
4648
4480
  .jsx {
@@ -4849,6 +4681,8 @@
4849
4681
 
4850
4682
 
4851
4683
 
4684
+
4685
+
4852
4686
  @media only screen and (min-width: 1025px) and (max-width: 1600px) and (min-height: 1441px) and (max-height: 1600px) and (orientation: portrait) {
4853
4687
 
4854
4688
  .jsx {
@@ -5054,6 +4888,9 @@
5054
4888
 
5055
4889
 
5056
4890
 
4891
+
4892
+
4893
+
5057
4894
  @media only screen and (min-width: 1441px) and (max-width: 1600px) and (min-height: 1025px) and (max-height: 1600px) and (orientation: landscape) {
5058
4895
 
5059
4896
  .jsx {
@@ -5260,6 +5097,8 @@
5260
5097
 
5261
5098
 
5262
5099
 
5100
+
5101
+
5263
5102
  @media only screen and (min-width: 1025px) and (max-width: 1920px) and (min-height: 1601px) and (max-height: 1920px) and (orientation: portrait) {
5264
5103
 
5265
5104
  .jsx {
@@ -5465,6 +5304,9 @@
5465
5304
 
5466
5305
 
5467
5306
 
5307
+
5308
+
5309
+
5468
5310
  @media only screen and (min-width: 1601px) and (max-width: 1920px) and (min-height: 1025px) and (max-height: 1920px) and (orientation: landscape) {
5469
5311
 
5470
5312
  .jsx {
@@ -5671,6 +5513,8 @@
5671
5513
 
5672
5514
 
5673
5515
 
5516
+
5517
+
5674
5518
  @media only screen and (min-width: 1025px) and (max-width: 2560px) and (min-height: 1921px) and (max-height: 2560px) and (orientation: portrait) {
5675
5519
 
5676
5520
  .jsx {
@@ -5876,6 +5720,9 @@
5876
5720
 
5877
5721
 
5878
5722
 
5723
+
5724
+
5725
+
5879
5726
  @media only screen and (min-width: 1921px) and (max-width: 2560px) and (min-height: 1025px) and (max-height: 2560px) and (orientation: landscape) {
5880
5727
 
5881
5728
  .jsx {
@@ -6082,6 +5929,8 @@
6082
5929
 
6083
5930
 
6084
5931
 
5932
+
5933
+
6085
5934
  @media only screen and (min-width: 1025px) and (max-width: 3840px) and (min-height: 2561px) and (max-height: 3840px) and (orientation: portrait) {
6086
5935
 
6087
5936
  .jsx {
@@ -6287,6 +6136,9 @@
6287
6136
 
6288
6137
 
6289
6138
 
6139
+
6140
+
6141
+
6290
6142
  @media only screen and (min-width: 2561px) and (max-width: 3840px) and (min-height: 1025px) and (max-height: 3840px) and (orientation: landscape) {
6291
6143
 
6292
6144
  .jsx {
@@ -6493,6 +6345,8 @@
6493
6345
 
6494
6346
 
6495
6347
 
6348
+
6349
+
6496
6350
  @media only screen and (min-width: 1025px) and (max-width: 7680px) and (min-height: 3841px) and (max-height: 7680px) and (orientation: portrait) {
6497
6351
 
6498
6352
  .jsx {
@@ -6698,6 +6552,9 @@
6698
6552
 
6699
6553
 
6700
6554
 
6555
+
6556
+
6557
+
6701
6558
  @media only screen and (min-width: 3841px) and (max-width: 7680px) and (min-height: 1025px) and (max-height: 7680px) and (orientation: landscape) {
6702
6559
 
6703
6560
  .jsx {
@@ -6904,6 +6761,8 @@
6904
6761
 
6905
6762
 
6906
6763
 
6764
+
6765
+
6907
6766
  @media only screen and (min-width: 1025px) and (max-width: 15360px) and (min-height: 7681px) and (max-height: 15360px) and (orientation: portrait) {
6908
6767
 
6909
6768
  .jsx {
@@ -7109,6 +6968,9 @@
7109
6968
 
7110
6969
 
7111
6970
 
6971
+
6972
+
6973
+
7112
6974
  @media only screen and (min-width: 7681px) and (max-width: 15360px) and (min-height: 1025px) and (max-height: 15360px) and (orientation: landscape) {
7113
6975
 
7114
6976
  .jsx {
@@ -7315,6 +7177,8 @@
7315
7177
 
7316
7178
 
7317
7179
 
7180
+
7181
+
7318
7182
  @media only screen and (min-width: 1025px) and (max-width: 25360px) and (min-height: 15361px) and (max-height: 25360px) and (orientation: portrait) {
7319
7183
 
7320
7184
  .jsx {
@@ -7520,6 +7384,9 @@
7520
7384
 
7521
7385
 
7522
7386
 
7387
+
7388
+
7389
+
7523
7390
  @media only screen and (min-width: 15361px) and (max-width: 25360px) and (min-height: 1025px) and (max-height: 25360px) and (orientation: landscape) {
7524
7391
 
7525
7392
  .jsx {
@@ -7726,6 +7593,8 @@
7726
7593
 
7727
7594
 
7728
7595
 
7596
+
7597
+
7729
7598
  @media only screen and (min-width: 1025px) and (max-width: 999999px) and (min-height: 25361px) and (max-height: 999999px) and (orientation: portrait) {
7730
7599
 
7731
7600
  .jsx {
@@ -7931,6 +7800,9 @@
7931
7800
 
7932
7801
 
7933
7802
 
7803
+
7804
+
7805
+
7934
7806
  @media only screen and (min-width: 25361px) and (max-width: 999999px) and (min-height: 1025px) and (max-height: 999999px) and (orientation: landscape) {
7935
7807
 
7936
7808
  .jsx {
@@ -8138,6 +8010,12 @@
8138
8010
 
8139
8011
 
8140
8012
 
8013
+
8014
+
8015
+
8016
+
8017
+
8018
+
8141
8019
  .jsx.theme_visible_height {
8142
8020
 
8143
8021
  --jsx--css-clean-start-2--body-tag--height: 100vh;
@@ -8189,6 +8067,10 @@
8189
8067
 
8190
8068
 
8191
8069
 
8070
+
8071
+
8072
+
8073
+
8192
8074
  .jsx.small {
8193
8075
  --jsx--css-clean-start-2--body-tag--height: 100vh;
8194
8076
  --jsx--css-clean-start-2--body-tag--max-height: unset;
@@ -8221,6 +8103,10 @@
8221
8103
 
8222
8104
 
8223
8105
 
8106
+
8107
+
8108
+
8109
+
8224
8110
  .jsx.theme_lightmode,
8225
8111
  .jsx .theme_lightmode {
8226
8112
 
@@ -8260,6 +8146,10 @@
8260
8146
  }
8261
8147
 
8262
8148
 
8149
+
8150
+
8151
+
8152
+
8263
8153
  .jsx.theme_darkmode,
8264
8154
  .jsx .theme_darkmode {
8265
8155
 
@@ -8301,6 +8191,9 @@
8301
8191
 
8302
8192
 
8303
8193
 
8194
+
8195
+
8196
+
8304
8197
  .jsx * {
8305
8198
 
8306
8199
  position: var(--jsx--css-clean-start-2--all-tags--position);
@@ -8708,3 +8601,7 @@ html.jsx body main {
8708
8601
  }
8709
8602
 
8710
8603
 
8604
+
8605
+
8606
+
8607
+