@jaisocx/css-clean-start-2 1.1.9 → 1.2.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.
@@ -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 {
@@ -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
+
@@ -1,141 +1,28 @@
1
1
 
2
2
 
3
- .jsx {
4
-
5
-
6
- --responsive_size_e02_mobile_xs_portrait_min_width: 240px;
7
- --responsive_size_e02_mobile_xs_portrait_max_width: 320px;
8
-
9
- --responsive_size_e02_mobile_xs_landscape_min_width: 320px;
10
- --responsive_size_e02_mobile_xs_landscape_max_width: 500px;
11
-
12
-
13
-
14
-
15
- --responsive_size_e04_mobile_s_portrait_min_width: 321px;
16
- --responsive_size_e04_mobile_s_portrait_max_width: 374px;
17
-
18
- --responsive_size_e04_mobile_s_landscape_min_width: 501px;
19
- --responsive_size_e04_mobile_s_landscape_max_width: 667px;
20
-
21
-
22
-
23
-
24
- --responsive_size_e06_mobile_sm_portrait_min_width: 375px;
25
- --responsive_size_e06_mobile_sm_portrait_max_width: 430px;
26
-
27
- --responsive_size_e06_mobile_sm_landscape_min_width: 668px;
28
- --responsive_size_e06_mobile_sm_landscape_max_width: 736px;
29
-
30
-
31
-
32
-
33
- --responsive_size_e08_mobile_md_portrait_min_width: 431px;
34
- --responsive_size_e08_mobile_md_portrait_max_width: 480px;
35
-
36
- --responsive_size_e08_mobile_md_landscape_min_width: 737px;
37
- --responsive_size_e08_mobile_md_landscape_max_width: 812px;
38
-
39
-
40
-
41
-
42
- --responsive_size_h03_tablet_sm_portrait_min_width: 481px;
43
- --responsive_size_h03_tablet_sm_portrait_max_width: 767px;
44
-
45
- --responsive_size_h03_tablet_sm_landscape_min_width: 813px;
46
- --responsive_size_h03_tablet_sm_landscape_max_width: 960px;
47
-
48
-
49
-
50
-
51
- --responsive_size_h05_tablet_md_portrait_min_width: 768px;
52
- --responsive_size_h05_tablet_md_portrait_max_width: 1024px;
53
-
54
- --responsive_size_h05_tablet_md_landscape_min_width: 961px;
55
- --responsive_size_h05_tablet_md_landscape_max_width: 1024px;
56
-
57
-
58
-
59
-
60
- --responsive_size_l03_laptop_sm_portrait_min_width: 1025px;
61
- --responsive_size_l03_laptop_sm_portrait_max_width: 1080px;
62
-
63
- --responsive_size_l03_laptop_sm_landscape_min_width: 1025px;
64
- --responsive_size_l03_laptop_sm_landscape_max_width: 1279px;
65
-
66
-
67
-
68
-
69
- --responsive_size_l05_laptop_md_portrait_min_width: 1081px;
70
- --responsive_size_l05_laptop_md_portrait_max_width: 1200px;
71
-
72
- --responsive_size_l05_laptop_md_landscape_min_width: 1280px;
73
- --responsive_size_l05_laptop_md_landscape_max_width: 1439px;
74
-
75
-
76
-
77
-
78
- --responsive_size_l07_laptop_lg_portrait_min_width: 1201px;
79
- --responsive_size_l07_laptop_lg_portrait_max_width: 1440px;
80
-
81
- --responsive_size_l07_laptop_lg_landscape_min_width: 1440px;
82
- --responsive_size_l07_laptop_lg_landscape_max_width: 1600px;
83
3
 
84
4
 
85
5
 
86
-
87
- --responsive_size_s02_display_xl_portrait_min_width: 1441px;
88
- --responsive_size_s02_display_xl_portrait_max_width: 1600px;
89
6
 
90
- --responsive_size_s02_display_xl_landscape_min_width: 1601px;
91
- --responsive_size_s02_display_xl_landscape_max_width: 1920px;
92
7
 
93
8
 
94
9
 
95
-
96
- --responsive_size_s04_display_xxl_portrait_min_width: 1601px;
97
- --responsive_size_s04_display_xxl_portrait_max_width: 2160px;
98
10
 
99
- --responsive_size_s04_display_xxl_landscape_min_width: 1921px;
100
- --responsive_size_s04_display_xxl_landscape_max_width: 2560px;
101
11
 
102
12
 
103
13
 
104
-
105
- --responsive_size_s08_display_qhd_portrait_min_width: 2161px;
106
- --responsive_size_s08_display_qhd_portrait_max_width: 2160px;
107
14
 
108
- --responsive_size_s08_display_qhd_landscape_min_width: 2561px;
109
- --responsive_size_s08_display_qhd_landscape_max_width: 3840px;
110
15
 
111
16
 
112
17
 
113
-
114
- --responsive_size_t04_tv_4k_portrait_min_width: 2161px;
115
- --responsive_size_t04_tv_4k_portrait_max_width: 4320px;
116
18
 
117
- --responsive_size_t04_tv_4k_landscape_min_width: 3841px;
118
- --responsive_size_t04_tv_4k_landscape_max_width: 7680px;
119
19
 
120
20
 
121
21
 
122
-
123
- --responsive_size_t08_tv_8k_portrait_min_width: 4321px;
124
- --responsive_size_t08_tv_8k_portrait_max_width: 8640px;
125
22
 
126
- --responsive_size_t08_tv_8k_landscape_min_width: 7681px;
127
- --responsive_size_t08_tv_8k_landscape_max_width: 15360px;
128
23
 
129
24
 
130
25
 
131
-
132
- --responsive_size_t16_tv_16k_portrait_min_width: 8641px;
133
- --responsive_size_t16_tv_16k_portrait_max_width: 9999px;
134
-
135
- --responsive_size_t16_tv_16k_landscape_min_width: 15361px;
136
- --responsive_size_t16_tv_16k_landscape_max_width: 25360px;
137
-
138
- }
139
26
 
140
27
 
141
28
  .jsx {
@@ -329,208 +216,101 @@
329
216
 
330
217
 
331
218
 
332
- @media only screen and (min-width: 2px) and (max-width: 239px) and (min-height: 2px) and (max-height: 99999px) and (orientation: portrait) {
333
219
 
334
- .jsx {
335
- --theme_name: CssCleanStart_2__theme_base;
336
- --theme_name__CssCleanStart_2: theme_base;
337
220
 
338
- --responsive_size: responsive_size_d05_very_small_xxs_portrait;
339
221
 
340
- --responsive_size__min-width: 2px;
341
- --responsive_size__max-width: 239px;
342
222
 
343
- --responsive_size__min-height: 2px;
344
- --responsive_size__max-height: 99999px;
345
223
 
346
224
 
347
225
 
348
- --responsive_size__CssCleanStart_2__theme_base: responsive_size_d05_very_small_xxs_portrait__CssCleanStart_2__theme_base;
349
226
 
350
- --responsive_size__CssCleanStart_2__theme_base__min-width: 2px;
351
- --responsive_size__CssCleanStart_2__theme_base__max-width: 239px;
352
227
 
353
- --responsive_size__CssCleanStart_2__theme_base__min-height: 2px;
354
- --responsive_size__CssCleanStart_2__theme_base__max-height: 99999px;
355
228
 
356
229
 
357
230
 
358
231
 
359
232
 
360
-
361
-
362
-
363
233
 
364
234
 
365
-
366
-
367
-
368
235
 
369
236
 
370
237
 
371
-
372
-
373
-
374
-
375
238
 
376
-
377
-
378
-
379
239
 
380
-
381
-
382
240
 
383
241
 
384
242
 
385
-
386
-
387
-
388
-
389
243
 
390
-
391
-
392
244
 
393
- --jsx--css-clean-start-2--site--width: 100%;
394
-
395
- --jsx--css-clean-start-2--site--min-width: 100%;
396
245
 
397
246
 
398
247
 
399
-
400
-
401
248
 
402
-
403
-
404
-
405
-
406
-
407
249
 
408
250
 
409
-
410
-
411
-
412
251
 
413
252
 
414
253
 
415
-
416
-
417
-
418
254
 
419
-
420
-
421
-
422
255
 
423
-
424
-
425
256
 
426
-
427
-
428
-
429
257
 
430
-
431
258
 
432
-
433
-
434
259
 
435
- --jsx--css-clean-start-2--all-tags--font-size: 1rem;
436
- --jsx--css-clean-start-2--all-tags--line-height: 1.29rem;
437
260
 
438
-
439
-
440
-
441
261
 
442
262
 
443
263
 
444
-
445
-
446
-
447
-
448
-
449
264
 
450
265
 
451
266
 
452
-
453
-
454
267
 
455
-
456
-
457
268
 
458
-
459
-
460
269
 
461
-
462
-
463
270
 
464
-
465
-
466
271
 
467
-
468
-
469
272
 
470
273
 
471
274
 
472
-
473
-
474
-
475
-
476
275
 
477
-
478
-
479
-
480
-
481
276
 
482
-
483
-
484
-
485
-
486
277
 
487
-
488
-
489
-
490
-
491
278
 
492
-
493
-
494
-
495
-
496
279
 
497
-
498
-
499
-
500
-
501
280
 
502
281
 
503
282
 
504
-
505
-
506
-
507
283
 
508
-
509
-
510
284
 
511
-
512
-
513
285
 
514
286
 
515
287
 
516
-
517
-
518
-
519
288
 
520
-
521
-
522
289
 
523
-
524
-
525
290
 
526
291
 
527
292
 
528
-
529
-
530
293
 
531
- }
532
294
 
533
- }
295
+
296
+
297
+
298
+
299
+
300
+
301
+
302
+
303
+
304
+
305
+
306
+
307
+
308
+
309
+
310
+
311
+
312
+
313
+
534
314
 
535
315
 
536
316
 
@@ -740,6 +520,8 @@
740
520
 
741
521
 
742
522
 
523
+
524
+
743
525
  @media only screen and (min-width: 240px) and (max-width: 320px) and (min-height: 240px) and (max-height: 99999px) and (orientation: portrait) {
744
526
 
745
527
  .jsx {
@@ -945,6 +727,9 @@
945
727
 
946
728
 
947
729
 
730
+
731
+
732
+
948
733
  @media only screen and (min-width: 240px) and (max-width: 99999px) and (min-height: 240px) and (max-height: 320px) and (orientation: landscape) {
949
734
 
950
735
  .jsx {
@@ -1151,6 +936,8 @@
1151
936
 
1152
937
 
1153
938
 
939
+
940
+
1154
941
  @media only screen and (min-width: 321px) and (max-width: 375px) and (min-height: 321px) and (max-height: 99999px) and (orientation: portrait) {
1155
942
 
1156
943
  .jsx {
@@ -1356,6 +1143,9 @@
1356
1143
 
1357
1144
 
1358
1145
 
1146
+
1147
+
1148
+
1359
1149
  @media only screen and (min-width: 321px) and (max-width: 99999px) and (min-height: 321px) and (max-height: 375px) and (orientation: landscape) {
1360
1150
 
1361
1151
  .jsx {
@@ -1562,6 +1352,8 @@
1562
1352
 
1563
1353
 
1564
1354
 
1355
+
1356
+
1565
1357
  @media only screen and (min-width: 376px) and (max-width: 430px) and (min-height: 376px) and (max-height: 99999px) and (orientation: portrait) {
1566
1358
 
1567
1359
  .jsx {
@@ -1767,6 +1559,9 @@
1767
1559
 
1768
1560
 
1769
1561
 
1562
+
1563
+
1564
+
1770
1565
  @media only screen and (min-width: 376px) and (max-width: 99999px) and (min-height: 376px) and (max-height: 430px) and (orientation: landscape) {
1771
1566
 
1772
1567
  .jsx {
@@ -1973,6 +1768,8 @@
1973
1768
 
1974
1769
 
1975
1770
 
1771
+
1772
+
1976
1773
  @media only screen and (min-width: 431px) and (max-width: 480px) and (min-height: 431px) and (max-height: 99999px) and (orientation: portrait) {
1977
1774
 
1978
1775
  .jsx {
@@ -2178,6 +1975,9 @@
2178
1975
 
2179
1976
 
2180
1977
 
1978
+
1979
+
1980
+
2181
1981
  @media only screen and (min-width: 431px) and (max-width: 99999px) and (min-height: 431px) and (max-height: 480px) and (orientation: landscape) {
2182
1982
 
2183
1983
  .jsx {
@@ -2384,6 +2184,8 @@
2384
2184
 
2385
2185
 
2386
2186
 
2187
+
2188
+
2387
2189
  @media only screen and (min-width: 481px) and (max-width: 767px) and (min-height: 481px) and (max-height: 99999px) and (orientation: portrait) {
2388
2190
 
2389
2191
  .jsx {
@@ -2592,7 +2394,6 @@
2592
2394
 
2593
2395
 
2594
2396
 
2595
-
2596
2397
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 768px) and (max-height: 1024px) and (orientation: portrait) {
2597
2398
 
2598
2399
  .jsx {
@@ -2801,7 +2602,6 @@
2801
2602
 
2802
2603
 
2803
2604
 
2804
-
2805
2605
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1025px) and (max-height: 1194px) and (orientation: portrait) {
2806
2606
 
2807
2607
  .jsx {
@@ -3010,7 +2810,6 @@
3010
2810
 
3011
2811
 
3012
2812
 
3013
-
3014
2813
  @media only screen and (min-width: 768px) and (max-width: 1024px) and (min-height: 1195px) and (max-height: 99999px) and (orientation: portrait) {
3015
2814
 
3016
2815
  .jsx {
@@ -3219,7 +3018,6 @@
3219
3018
 
3220
3019
 
3221
3020
 
3222
-
3223
3021
  @media only screen and (min-width: 1025px) and (max-width: 1365px) and (min-height: 1025px) and (max-height: 1365px) and (orientation: portrait) {
3224
3022
 
3225
3023
  .jsx {
@@ -3428,7 +3226,6 @@
3428
3226
 
3429
3227
 
3430
3228
 
3431
-
3432
3229
  @media only screen and (min-width: 1025px) and (max-width: 1440px) and (min-height: 1366px) and (max-height: 1440px) and (orientation: portrait) {
3433
3230
 
3434
3231
  .jsx {
@@ -3637,7 +3434,6 @@
3637
3434
 
3638
3435
 
3639
3436
 
3640
-
3641
3437
  @media only screen and (min-width: 1025px) and (max-width: 1600px) and (min-height: 1441px) and (max-height: 1600px) and (orientation: portrait) {
3642
3438
 
3643
3439
  .jsx {
@@ -3846,38 +3642,6 @@
3846
3642
 
3847
3643
 
3848
3644
 
3849
-
3850
-
3851
-
3852
-
3853
-
3854
-
3855
-
3856
-
3857
-
3858
-
3859
-
3860
-
3861
-
3862
-
3863
-
3864
-
3865
-
3866
-
3867
-
3868
-
3869
-
3870
-
3871
-
3872
-
3873
-
3874
-
3875
-
3876
-
3877
-
3878
-
3879
-
3880
-
3881
3645
  @media only screen and (min-width: 25361px) and (max-width: 999999px) and (min-height: 1025px) and (max-height: 999999px) and (orientation: landscape) {
3882
3646
 
3883
3647
  .jsx {
@@ -4085,6 +3849,12 @@
4085
3849
 
4086
3850
 
4087
3851
 
3852
+
3853
+
3854
+
3855
+
3856
+
3857
+
4088
3858
  .jsx.theme_visible_height {
4089
3859
 
4090
3860
  --jsx--css-clean-start-2--body-tag--height: 100vh;
@@ -4136,6 +3906,10 @@
4136
3906
 
4137
3907
 
4138
3908
 
3909
+
3910
+
3911
+
3912
+
4139
3913
  .jsx.small {
4140
3914
  --jsx--css-clean-start-2--body-tag--height: 100vh;
4141
3915
  --jsx--css-clean-start-2--body-tag--max-height: unset;
@@ -4168,6 +3942,10 @@
4168
3942
 
4169
3943
 
4170
3944
 
3945
+
3946
+
3947
+
3948
+
4171
3949
  .jsx.theme_lightmode,
4172
3950
  .jsx .theme_lightmode {
4173
3951
 
@@ -4207,6 +3985,10 @@
4207
3985
  }
4208
3986
 
4209
3987
 
3988
+
3989
+
3990
+
3991
+
4210
3992
  .jsx.theme_darkmode,
4211
3993
  .jsx .theme_darkmode {
4212
3994
 
@@ -4248,6 +4030,9 @@
4248
4030
 
4249
4031
 
4250
4032
 
4033
+
4034
+
4035
+
4251
4036
  .jsx * {
4252
4037
 
4253
4038
  position: var(--jsx--css-clean-start-2--all-tags--position);
@@ -4655,3 +4440,7 @@ html.jsx body main {
4655
4440
  }
4656
4441
 
4657
4442
 
4443
+
4444
+
4445
+
4446
+
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@jaisocx/css-clean-start-2",
3
- "version": "1.1.9",
3
+ "version": "1.2.1",
4
4
  "description": "Css sites resetting default styles with main.css of few hundereds css code lines, and the very nice infrastructure for responsive sites bugfixing and fine-tuning",
5
5
  "author": "Jaisocx Company",
6
6
  "keywords": [
@@ -25,7 +25,7 @@
25
25
  "README.md"
26
26
  ],
27
27
  "optionalDependencies": {
28
- "@jaisocx/responsive-sizes": "~1.3.1"
28
+ "@jaisocx/responsive-sizes": "~1.3.2"
29
29
  },
30
30
  "private": false,
31
31
  "publishConfig": {