daisyui 4.0.0-alpha.10 → 4.0.0-alpha.13

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.
Files changed (11) hide show
  1. package/README.md +1 -1
  2. package/dist/full.css +20919 -19775
  3. package/dist/styled.css +75 -35
  4. package/dist/styled.js +1 -1
  5. package/dist/themes.css +71 -71
  6. package/dist/unstyled.css +28 -25
  7. package/dist/unstyled.js +1 -1
  8. package/dist/utilities-unstyled.js +1 -1
  9. package/package.json +2 -4
  10. package/src/theming/themeDefaults.js +1 -1
  11. package/src/theming/themes.js +23 -28
package/dist/themes.css CHANGED
@@ -16,7 +16,7 @@
16
16
  --rounded-badge: 1.9rem;
17
17
  --animation-btn: 0.25s;
18
18
  --animation-input: .2s;
19
- --btn-text-case: uppercase;
19
+ --btn-text-case: normalcase;
20
20
  --btn-focus-scale: 0.95;
21
21
  --border-btn: 1px;
22
22
  --tab-border: 1px;
@@ -50,7 +50,7 @@
50
50
  --rounded-badge: 1.9rem;
51
51
  --animation-btn: 0.25s;
52
52
  --animation-input: .2s;
53
- --btn-text-case: uppercase;
53
+ --btn-text-case: normalcase;
54
54
  --btn-focus-scale: 0.95;
55
55
  --border-btn: 1px;
56
56
  --tab-border: 1px;
@@ -84,7 +84,7 @@
84
84
  --rounded-badge: 1.9rem;
85
85
  --animation-btn: 0.25s;
86
86
  --animation-input: .2s;
87
- --btn-text-case: uppercase;
87
+ --btn-text-case: normalcase;
88
88
  --btn-focus-scale: 0.95;
89
89
  --border-btn: 1px;
90
90
  --tab-border: 1px;
@@ -117,7 +117,7 @@
117
117
  --rounded-badge: 1.9rem;
118
118
  --animation-btn: 0.25s;
119
119
  --animation-input: .2s;
120
- --btn-text-case: uppercase;
120
+ --btn-text-case: normalcase;
121
121
  --btn-focus-scale: 0.95;
122
122
  --border-btn: 1px;
123
123
  --tab-border: 1px;
@@ -150,7 +150,7 @@
150
150
  --rounded-badge: 1.9rem;
151
151
  --animation-btn: 0.25s;
152
152
  --animation-input: .2s;
153
- --btn-text-case: uppercase;
153
+ --btn-text-case: normalcase;
154
154
  --btn-focus-scale: 0.95;
155
155
  --border-btn: 1px;
156
156
  --p: 0.7617 0.0895 200.0266;
@@ -185,7 +185,7 @@
185
185
  --rounded-badge: 1.9rem;
186
186
  --animation-btn: 0.25s;
187
187
  --animation-input: .2s;
188
- --btn-text-case: uppercase;
188
+ --btn-text-case: normalcase;
189
189
  --btn-focus-scale: 0.95;
190
190
  --border-btn: 1px;
191
191
  --tab-border: 1px;
@@ -213,16 +213,16 @@
213
213
  --rounded-box: 1rem;
214
214
  --rounded-btn: 0.5rem;
215
215
  --rounded-badge: 1.9rem;
216
- --btn-text-case: uppercase;
216
+ --btn-text-case: normalcase;
217
217
  --border-btn: 1px;
218
218
  --tab-border: 1px;
219
219
  --tab-radius: 0.5rem;
220
220
  --p: 0.7666 0.1354 153.45;
221
221
  --pc: 0.3339 0.0406 162.2401;
222
222
  --s: 0.613 0.2024 261.2942;
223
- --sc: 0.9846 0.0017 247.8389;
224
- --a: 0.6413 0.1932 33.1151;
225
- --ac: 0.9846 0.0017 247.8389;
223
+ --sc: 1 0 0;
224
+ --a: 0.7277 0.1498 33.2004;
225
+ --ac: 0 0 0;
226
226
  --n: 0.3552 0.0321 262.9886;
227
227
  --nc: 0.9846 0.0017 247.8389;
228
228
  --b1: 1 0 0;
@@ -246,7 +246,7 @@
246
246
  --suc: 0 0 0;
247
247
  --wac: 0 0 0;
248
248
  --erc: 0 0 0;
249
- --btn-text-case: uppercase;
249
+ --btn-text-case: normalcase;
250
250
  --border-btn: 1px;
251
251
  --tab-border: 1px;
252
252
  --tab-radius: 0.5rem;
@@ -276,7 +276,7 @@
276
276
  --rounded-badge: 1.9rem;
277
277
  --animation-btn: 0.25s;
278
278
  --animation-input: .2s;
279
- --btn-text-case: uppercase;
279
+ --btn-text-case: normalcase;
280
280
  --btn-focus-scale: 0.95;
281
281
  --border-btn: 1px;
282
282
  --tab-border: 1px;
@@ -302,10 +302,10 @@
302
302
  --inc: 0.9092 0.043 262.8809;
303
303
  --suc: 0.1254 0.034 149.2138;
304
304
  --wac: 0.1332 0.0315 58.3183;
305
- --erc: 0.9154 0.043 27.325;
305
+ --erc: 0.1314 0.0398 27.33;
306
306
  --animation-btn: 0.25s;
307
307
  --animation-input: .2s;
308
- --btn-text-case: uppercase;
308
+ --btn-text-case: normalcase;
309
309
  --btn-focus-scale: 0.95;
310
310
  --border-btn: 1px;
311
311
  --tab-border: 1px;
@@ -325,7 +325,7 @@
325
325
  --in: 0.5461 0.2152 262.8809;
326
326
  --su: 0.6271 0.1699 149.2138;
327
327
  --wa: 0.6658 0.1574 58.3183;
328
- --er: 0.5771 0.2152 27.325;
328
+ --er: 0.6572 0.199 27.33;
329
329
  --rounded-box: 0.4rem;
330
330
  --rounded-btn: 0.4rem;
331
331
  --rounded-badge: 0.4rem
@@ -348,7 +348,7 @@
348
348
  --erc: 0 0 0;
349
349
  --animation-btn: 0.25s;
350
350
  --animation-input: .2s;
351
- --btn-text-case: uppercase;
351
+ --btn-text-case: normalcase;
352
352
  --btn-focus-scale: 0.95;
353
353
  --border-btn: 1px;
354
354
  --tab-border: 1px;
@@ -374,12 +374,12 @@
374
374
  --inc: 0.9092 0.043 262.8809;
375
375
  --suc: 0.1254 0.034 149.2138;
376
376
  --wac: 0.1332 0.0315 58.3183;
377
- --erc: 0.9154 0.043 27.325;
377
+ --erc: 0.1461 0.0414 27.33;
378
378
  --rounded-box: 1rem;
379
379
  --rounded-badge: 1.9rem;
380
380
  --animation-btn: 0.25s;
381
381
  --animation-input: .2s;
382
- --btn-text-case: uppercase;
382
+ --btn-text-case: normalcase;
383
383
  --btn-focus-scale: 0.95;
384
384
  --border-btn: 1px;
385
385
  --tab-border: 1px;
@@ -394,7 +394,7 @@
394
394
  --in: 0.5461 0.2152 262.8809;
395
395
  --su: 0.6271 0.1699 149.2138;
396
396
  --wa: 0.6658 0.1574 58.3183;
397
- --er: 0.5771 0.2152 27.325;
397
+ --er: 0.7307 0.207 27.33;
398
398
  --rounded-btn: 1.9rem
399
399
  }
400
400
  [data-theme=halloween] {
@@ -407,18 +407,18 @@
407
407
  --inc: 0.9092 0.043 262.8809;
408
408
  --suc: 0.1254 0.034 149.2138;
409
409
  --wac: 0.1332 0.0315 58.3183;
410
- --erc: 0.9154 0.043 27.325;
410
+ --erc: 0.1314 0.0398 27.33;
411
411
  --rounded-box: 1rem;
412
412
  --rounded-btn: 0.5rem;
413
413
  --rounded-badge: 1.9rem;
414
414
  --animation-btn: 0.25s;
415
415
  --animation-input: .2s;
416
- --btn-text-case: uppercase;
416
+ --btn-text-case: normalcase;
417
417
  --btn-focus-scale: 0.95;
418
418
  --border-btn: 1px;
419
419
  --tab-border: 1px;
420
420
  --tab-radius: 0.5rem;
421
- --p: 0.7342 0.1655 60.6166;
421
+ --p: 0.7748 0.204 60.62;
422
422
  --pc: 0.1969 0.0047 196.7794;
423
423
  --s: 0.4606 0.1554 305.0254;
424
424
  --a: 0.6511 0.1939 136.0735;
@@ -428,7 +428,7 @@
428
428
  --in: 0.5461 0.2152 262.8809;
429
429
  --su: 0.6271 0.1699 149.2138;
430
430
  --wa: 0.6658 0.1574 58.3183;
431
- --er: 0.5771 0.2152 27.325
431
+ --er: 0.6572 0.199 27.33
432
432
  }
433
433
  [data-theme=garden] {
434
434
  color-scheme: light;
@@ -450,7 +450,7 @@
450
450
  --rounded-badge: 1.9rem;
451
451
  --animation-btn: 0.25s;
452
452
  --animation-input: .2s;
453
- --btn-text-case: uppercase;
453
+ --btn-text-case: normalcase;
454
454
  --btn-focus-scale: 0.95;
455
455
  --border-btn: 1px;
456
456
  --tab-border: 1px;
@@ -483,7 +483,7 @@
483
483
  --rounded-badge: 1.9rem;
484
484
  --animation-btn: 0.25s;
485
485
  --animation-input: .2s;
486
- --btn-text-case: uppercase;
486
+ --btn-text-case: normalcase;
487
487
  --btn-focus-scale: 0.95;
488
488
  --border-btn: 1px;
489
489
  --tab-border: 1px;
@@ -507,13 +507,13 @@
507
507
  --inc: 0.9092 0.043 262.8809;
508
508
  --suc: 0.1254 0.034 149.2138;
509
509
  --wac: 0.1332 0.0315 58.3183;
510
- --erc: 0.9154 0.043 27.325;
510
+ --erc: 0.1479 0.038 27.33;
511
511
  --rounded-box: 1rem;
512
512
  --rounded-btn: 0.5rem;
513
513
  --rounded-badge: 1.9rem;
514
514
  --animation-btn: 0.25s;
515
515
  --animation-input: .2s;
516
- --btn-text-case: uppercase;
516
+ --btn-text-case: normalcase;
517
517
  --btn-focus-scale: 0.95;
518
518
  --border-btn: 1px;
519
519
  --tab-border: 1px;
@@ -527,11 +527,15 @@
527
527
  --in: 0.5461 0.2152 262.8809;
528
528
  --su: 0.6271 0.1699 149.2138;
529
529
  --wa: 0.6658 0.1574 58.3183;
530
- --er: 0.5771 0.2152 27.325
530
+ --er: 0.7395 0.19 27.33
531
531
  }
532
532
  [data-theme=lofi] {
533
533
  color-scheme: light;
534
- --btn-text-case: uppercase;
534
+ --inc: 0.1591 0.0206 205.9;
535
+ --suc: 0.1803 0.0306 164.14;
536
+ --wac: 0.1767 0.027 79.94;
537
+ --erc: 0.1573 0.03 28.47;
538
+ --btn-text-case: normalcase;
535
539
  --border-btn: 1px;
536
540
  --tab-border: 1px;
537
541
  --p: 0.1591 0 0;
@@ -546,14 +550,10 @@
546
550
  --b2: 0.9612 0 0;
547
551
  --b3: 0.9227 0.0011 17.1793;
548
552
  --bc: 0 0 0;
549
- --in: 0.5731 0.2145 258.2467;
550
- --inc: 1 0 0;
551
- --su: 0.7394 0.211 146.977;
552
- --suc: 0 0 0;
553
- --wa: 0.6955 0.1949 27.8924;
554
- --wac: 1 0 0;
555
- --er: 0.5989 0.2354 352.5117;
556
- --erc: 1 0 0;
553
+ --in: 0.7954 0.103 205.9;
554
+ --su: 0.9013 0.153 164.14;
555
+ --wa: 0.8837 0.135 79.94;
556
+ --er: 0.7866 0.15 28.47;
557
557
  --rounded-box: 0.25rem;
558
558
  --rounded-btn: 0.125rem;
559
559
  --rounded-badge: 0.125rem;
@@ -581,7 +581,7 @@
581
581
  --rounded-badge: 1.9rem;
582
582
  --animation-btn: 0.25s;
583
583
  --animation-input: .2s;
584
- --btn-text-case: uppercase;
584
+ --btn-text-case: normalcase;
585
585
  --btn-focus-scale: 0.95;
586
586
  --border-btn: 1px;
587
587
  --tab-border: 1px;
@@ -616,7 +616,7 @@
616
616
  --rounded-badge: 1.9rem;
617
617
  --animation-btn: 0.25s;
618
618
  --animation-input: .2s;
619
- --btn-text-case: uppercase;
619
+ --btn-text-case: normalcase;
620
620
  --btn-focus-scale: 0.95;
621
621
  --border-btn: 1px;
622
622
  --tab-border: 1px;
@@ -641,11 +641,11 @@
641
641
  --erc: 0.1256 0.0515 29.2339;
642
642
  --animation-btn: 0.25s;
643
643
  --animation-input: .2s;
644
- --btn-text-case: uppercase;
644
+ --btn-text-case: normalcase;
645
645
  --btn-focus-scale: 0.95;
646
646
  --border-btn: 1px;
647
647
  --tab-border: 1px;
648
- font-family: Chalkboard,comic sans ms,"sanssecondaryerif";
648
+ font-family: Chalkboard,comic sans ms,'sans-serif';
649
649
  --p: 0.7826 0 0;
650
650
  --s: 0.7826 0 0;
651
651
  --a: 0.7826 0 0;
@@ -673,6 +673,7 @@
673
673
  --suc: 0.904 0.0354 142.4953;
674
674
  --wac: 0.1936 0.0422 109.7692;
675
675
  --erc: 0.1256 0.0515 29.2339;
676
+ --btn-text-case: normalcase;
676
677
  --border-btn: 1px;
677
678
  --tab-border: 1px;
678
679
  --p: 0.3192 0.0028 17.3055;
@@ -691,7 +692,6 @@
691
692
  --rounded-badge: 0;
692
693
  --animation-btn: 0;
693
694
  --animation-input: 0;
694
- --btn-text-case: lowercase;
695
695
  --btn-focus-scale: 1;
696
696
  --tab-radius: 0
697
697
  }
@@ -709,7 +709,7 @@
709
709
  --rounded-badge: 1.9rem;
710
710
  --animation-btn: 0.25s;
711
711
  --animation-input: .2s;
712
- --btn-text-case: uppercase;
712
+ --btn-text-case: normalcase;
713
713
  --btn-focus-scale: 0.95;
714
714
  --border-btn: 1px;
715
715
  --tab-border: 1px;
@@ -745,7 +745,7 @@
745
745
  --rounded-badge: 1.9rem;
746
746
  --animation-btn: 0.25s;
747
747
  --animation-input: .2s;
748
- --btn-text-case: uppercase;
748
+ --btn-text-case: normalcase;
749
749
  --btn-focus-scale: 0.95;
750
750
  --border-btn: 1px;
751
751
  --tab-border: 1px;
@@ -779,7 +779,7 @@
779
779
  --rounded-badge: 1.9rem;
780
780
  --animation-btn: 0.25s;
781
781
  --animation-input: .2s;
782
- --btn-text-case: uppercase;
782
+ --btn-text-case: normalcase;
783
783
  --btn-focus-scale: 0.95;
784
784
  --border-btn: 1px;
785
785
  --tab-border: 1px;
@@ -806,13 +806,13 @@
806
806
  --inc: 0.1384 0.0196 207.2842;
807
807
  --suc: 0.122 0.016 174.6162;
808
808
  --wac: 0.1402 0.033 56.8443;
809
- --erc: 0.9155 0.0446 24.1624;
809
+ --erc: 0.9061 0.0482 24.16;
810
810
  --rounded-box: 1rem;
811
811
  --rounded-btn: 0.5rem;
812
812
  --rounded-badge: 1.9rem;
813
813
  --animation-btn: 0.25s;
814
814
  --animation-input: .2s;
815
- --btn-text-case: uppercase;
815
+ --btn-text-case: normalcase;
816
816
  --btn-focus-scale: 0.95;
817
817
  --border-btn: 1px;
818
818
  --tab-border: 1px;
@@ -825,7 +825,7 @@
825
825
  --in: 0.6922 0.098 207.2842;
826
826
  --su: 0.61 0.0802 174.6162;
827
827
  --wa: 0.7008 0.1649 56.8443;
828
- --er: 0.5774 0.2229 24.1624
828
+ --er: 0.5307 0.241 24.16
829
829
  }
830
830
  [data-theme=business] {
831
831
  color-scheme: dark;
@@ -842,7 +842,7 @@
842
842
  --erc: 0.9032 0.0294 29.6745;
843
843
  --animation-btn: 0.25s;
844
844
  --animation-input: .2s;
845
- --btn-text-case: uppercase;
845
+ --btn-text-case: normalcase;
846
846
  --btn-focus-scale: 0.95;
847
847
  --border-btn: 1px;
848
848
  --tab-border: 1px;
@@ -865,30 +865,30 @@
865
865
  --b2: 0.9161 0 0;
866
866
  --b3: 0.8472 0 0;
867
867
  --bc: 0.197 0 0;
868
- --pc: 0.1391 0.0631 330.7596;
869
- --sc: 0.1429 0.0388 48.2509;
870
- --ac: 0.1851 0.0453 122.963;
871
- --nc: 0.848 0.0138 278.6813;
872
- --inc: 0.1317 0.0342 252.0536;
873
- --suc: 0.1517 0.0255 158.5317;
874
- --wac: 0.1789 0.0354 100.495;
875
- --erc: 0.9163 0.0476 29.3492;
868
+ --pc: 0.1438 0.0714 330.7596;
869
+ --sc: 0.1467 0.0448 48.2509;
870
+ --ac: 0.1856 0.0528 122.963;
871
+ --nc: 0.8426 0.0256 278.68;
872
+ --inc: 0.1214 0.0454 252.05;
873
+ --suc: 0.1714 0.0532 158.53;
874
+ --wac: 0.182 0.0424 100.5;
875
+ --erc: 0.1297 0.0586 29.3492;
876
876
  --animation-btn: 0.25s;
877
877
  --animation-input: .2s;
878
- --btn-text-case: uppercase;
878
+ --btn-text-case: normalcase;
879
879
  --btn-focus-scale: 0.95;
880
880
  --border-btn: 1px;
881
881
  --tab-border: 1px;
882
882
  --tab-radius: 0.5rem;
883
- --p: 0.6953 0.3157 330.7596;
884
- --s: 0.7144 0.1938 48.2509;
885
- --a: 0.9256 0.2266 122.963;
886
- --n: 0.2402 0.069 278.6813;
883
+ --p: 0.719 0.357 330.7596;
884
+ --s: 0.7337 0.224 48.2509;
885
+ --a: 0.9278 0.264 122.963;
886
+ --n: 0.2131 0.128 278.68;
887
887
  --b1: 0.9851 0 0;
888
- --in: 0.6587 0.1711 252.0536;
889
- --su: 0.7583 0.1277 158.5317;
890
- --wa: 0.8944 0.1768 100.495;
891
- --er: 0.5814 0.2378 29.3492;
888
+ --in: 0.6072 0.227 252.05;
889
+ --su: 0.8572 0.266 158.53;
890
+ --wa: 0.9101 0.212 100.5;
891
+ --er: 0.6484 0.293 29.3492;
892
892
  --rounded-box: 1.25rem;
893
893
  --rounded-btn: 1rem;
894
894
  --rounded-badge: 1rem
@@ -911,7 +911,7 @@
911
911
  --rounded-badge: 1.9rem;
912
912
  --animation-btn: 0.25s;
913
913
  --animation-input: .2s;
914
- --btn-text-case: uppercase;
914
+ --btn-text-case: normalcase;
915
915
  --btn-focus-scale: 0.95;
916
916
  --border-btn: 1px;
917
917
  --tab-border: 1px;
@@ -943,7 +943,7 @@
943
943
  --rounded-badge: 1.9rem;
944
944
  --animation-btn: 0.25s;
945
945
  --animation-input: .2s;
946
- --btn-text-case: uppercase;
946
+ --btn-text-case: normalcase;
947
947
  --btn-focus-scale: 0.95;
948
948
  --border-btn: 1px;
949
949
  --tab-border: 1px;
@@ -976,7 +976,7 @@
976
976
  --rounded-badge: 1.9rem;
977
977
  --animation-btn: 0.25s;
978
978
  --animation-input: .2s;
979
- --btn-text-case: uppercase;
979
+ --btn-text-case: normalcase;
980
980
  --btn-focus-scale: 0.95;
981
981
  --border-btn: 1px;
982
982
  --tab-border: 1px;
@@ -986,7 +986,7 @@
986
986
  --a: 0.4262 0.0744 224.3892;
987
987
  --n: 0.1651 0.0157 326.2614;
988
988
  --b1: 0.2168 0.0231 329.7086;
989
- --bc: 0.5413 0.0188 79.2715;
989
+ --bc: 0.7235 0.0928 79.1294;
990
990
  --in: 0.7949 0.0639 184.5584;
991
991
  --su: 0.7472 0.0725 131.1163;
992
992
  --wa: 0.8815 0.1408 87.7224;
@@ -1007,7 +1007,7 @@
1007
1007
  --rounded-badge: 1.9rem;
1008
1008
  --animation-btn: 0.25s;
1009
1009
  --animation-input: .2s;
1010
- --btn-text-case: uppercase;
1010
+ --btn-text-case: normalcase;
1011
1011
  --btn-focus-scale: 0.95;
1012
1012
  --border-btn: 1px;
1013
1013
  --tab-border: 1px;
package/dist/unstyled.css CHANGED
@@ -442,15 +442,22 @@
442
442
  display: flex;
443
443
  flex-direction: row;
444
444
  align-items: center;
445
- align-self: stretch;
445
+ align-self: stretch
446
446
  }
447
447
  .divider:before,
448
448
  .divider:after {
449
- content: "";
450
- flex-grow: 1;
451
449
  height: 0.125rem;
452
450
  width: 100%;
453
- }
451
+ flex-grow: 1;
452
+ --tw-content: '';
453
+ content: var(--tw-content)
454
+ }
455
+ .divider-start:before {
456
+ display: none
457
+ }
458
+ .divider-end:after {
459
+ display: none
460
+ }
454
461
  .drawer {
455
462
  position: relative;
456
463
  display: grid;
@@ -1227,39 +1234,35 @@ input.tab:checked + .tab-content,
1227
1234
  }
1228
1235
  .timeline {
1229
1236
  position: relative;
1230
- display: flex;
1237
+ display: flex
1231
1238
  }
1232
1239
  :where(.timeline > li) {
1233
1240
  position: relative;
1234
1241
  display: grid;
1242
+ flex-shrink: 0;
1235
1243
  align-items: center;
1236
- grid-template-rows: var(--timeline-row-start, 1fr) auto var(--timeline-row-end, 1fr);
1237
- grid-template-columns: var(--timeline-col-start, 1fr) auto var(--timeline-col-end, 1fr);
1238
- }
1239
- :where(.timeline:not(:has(.timeline-start)) > li) {
1240
- --timeline-row-start: min-content;
1241
- }
1242
- :where(.timeline:not(:has(.timeline-end)) > li) {
1243
- --timeline-row-end: min-content;
1244
- }
1245
- :where(.timeline:not(:has(.timeline-start)):not(:has(.timeline-end)) li) {
1246
- --timeline-row-start: min-content;
1247
- --timeline-row-end: min-content;
1244
+ grid-template-rows: var(--timeline-row-start, minmax(0, 1fr)) auto var(
1245
+ --timeline-row-end,
1246
+ minmax(0, 1fr)
1247
+ );
1248
+ grid-template-columns: var(--timeline-col-start, minmax(0, 1fr)) auto var(
1249
+ --timeline-col-end,
1250
+ minmax(0, 1fr)
1251
+ )
1248
1252
  }
1249
1253
  .timeline > li > hr {
1250
1254
  width: 100%;
1251
- border-width: 0px;
1252
- }
1253
- .timeline-snap-icon > li {
1254
- --timeline-col-start: 0.5rem;
1255
+ border-width: 0px
1255
1256
  }
1256
1257
  :where(.timeline > li > hr):first-child {
1257
1258
  grid-column-start: 1;
1258
- grid-row-start: 2;
1259
+ grid-row-start: 2
1259
1260
  }
1260
1261
  :where(.timeline > li > hr):last-child {
1261
1262
  grid-column-start: 3;
1263
+ grid-column-end: none;
1262
1264
  grid-row-start: 2;
1265
+ grid-row-end: auto
1263
1266
  }
1264
1267
  .timeline-start {
1265
1268
  grid-column-start: 1;
@@ -1268,11 +1271,11 @@ input.tab:checked + .tab-content,
1268
1271
  grid-row-end: 2;
1269
1272
  margin: 0.25rem;
1270
1273
  align-self: flex-end;
1271
- justify-self: center;
1274
+ justify-self: center
1272
1275
  }
1273
1276
  .timeline-middle {
1274
1277
  grid-column-start: 2;
1275
- grid-row-start: 2;
1278
+ grid-row-start: 2
1276
1279
  }
1277
1280
  .timeline-end {
1278
1281
  grid-column-start: 1;
@@ -1281,7 +1284,7 @@ input.tab:checked + .tab-content,
1281
1284
  grid-row-end: 4;
1282
1285
  margin: 0.25rem;
1283
1286
  align-self: flex-start;
1284
- justify-self: center;
1287
+ justify-self: center
1285
1288
  }
1286
1289
  .toast {
1287
1290
  position: fixed;