doom-design-system 0.1.14 → 0.1.15

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.
@@ -31,7 +31,12 @@ p, h1, h2, h3, h4, h5, h6 {
31
31
  }
32
32
 
33
33
  /* Typography Base Styles */
34
- h1, h2, h3, h4, h5, h6 {
34
+ h1,
35
+ h2,
36
+ h3,
37
+ h4,
38
+ h5,
39
+ h6 {
35
40
  font-family: var(--font-heading, var(--font-montserrat)), sans-serif;
36
41
  font-weight: var(--heading-weight, 700);
37
42
  text-transform: var(--heading-transform, none);
@@ -356,6 +361,18 @@ body .py-0 {
356
361
  padding-top: 0;
357
362
  padding-bottom: 0;
358
363
  }
364
+ body .top-0 {
365
+ top: 0;
366
+ }
367
+ body .bottom-0 {
368
+ bottom: 0;
369
+ }
370
+ body .left-0 {
371
+ left: 0;
372
+ }
373
+ body .right-0 {
374
+ right: 0;
375
+ }
359
376
  body .gap-1 {
360
377
  gap: 0.25rem;
361
378
  }
@@ -411,6 +428,18 @@ body .py-1 {
411
428
  padding-top: 0.25rem;
412
429
  padding-bottom: 0.25rem;
413
430
  }
431
+ body .top-1 {
432
+ top: 0.25rem;
433
+ }
434
+ body .bottom-1 {
435
+ bottom: 0.25rem;
436
+ }
437
+ body .left-1 {
438
+ left: 0.25rem;
439
+ }
440
+ body .right-1 {
441
+ right: 0.25rem;
442
+ }
414
443
  body .gap-2 {
415
444
  gap: 0.5rem;
416
445
  }
@@ -466,6 +495,18 @@ body .py-2 {
466
495
  padding-top: 0.5rem;
467
496
  padding-bottom: 0.5rem;
468
497
  }
498
+ body .top-2 {
499
+ top: 0.5rem;
500
+ }
501
+ body .bottom-2 {
502
+ bottom: 0.5rem;
503
+ }
504
+ body .left-2 {
505
+ left: 0.5rem;
506
+ }
507
+ body .right-2 {
508
+ right: 0.5rem;
509
+ }
469
510
  body .gap-3 {
470
511
  gap: 0.75rem;
471
512
  }
@@ -521,6 +562,18 @@ body .py-3 {
521
562
  padding-top: 0.75rem;
522
563
  padding-bottom: 0.75rem;
523
564
  }
565
+ body .top-3 {
566
+ top: 0.75rem;
567
+ }
568
+ body .bottom-3 {
569
+ bottom: 0.75rem;
570
+ }
571
+ body .left-3 {
572
+ left: 0.75rem;
573
+ }
574
+ body .right-3 {
575
+ right: 0.75rem;
576
+ }
524
577
  body .gap-4 {
525
578
  gap: 1rem;
526
579
  }
@@ -576,6 +629,18 @@ body .py-4 {
576
629
  padding-top: 1rem;
577
630
  padding-bottom: 1rem;
578
631
  }
632
+ body .top-4 {
633
+ top: 1rem;
634
+ }
635
+ body .bottom-4 {
636
+ bottom: 1rem;
637
+ }
638
+ body .left-4 {
639
+ left: 1rem;
640
+ }
641
+ body .right-4 {
642
+ right: 1rem;
643
+ }
579
644
  body .gap-5 {
580
645
  gap: 1.25rem;
581
646
  }
@@ -631,6 +696,18 @@ body .py-5 {
631
696
  padding-top: 1.25rem;
632
697
  padding-bottom: 1.25rem;
633
698
  }
699
+ body .top-5 {
700
+ top: 1.25rem;
701
+ }
702
+ body .bottom-5 {
703
+ bottom: 1.25rem;
704
+ }
705
+ body .left-5 {
706
+ left: 1.25rem;
707
+ }
708
+ body .right-5 {
709
+ right: 1.25rem;
710
+ }
634
711
  body .gap-6 {
635
712
  gap: 1.5rem;
636
713
  }
@@ -686,6 +763,18 @@ body .py-6 {
686
763
  padding-top: 1.5rem;
687
764
  padding-bottom: 1.5rem;
688
765
  }
766
+ body .top-6 {
767
+ top: 1.5rem;
768
+ }
769
+ body .bottom-6 {
770
+ bottom: 1.5rem;
771
+ }
772
+ body .left-6 {
773
+ left: 1.5rem;
774
+ }
775
+ body .right-6 {
776
+ right: 1.5rem;
777
+ }
689
778
  body .gap-7 {
690
779
  gap: 1.75rem;
691
780
  }
@@ -741,6 +830,18 @@ body .py-7 {
741
830
  padding-top: 1.75rem;
742
831
  padding-bottom: 1.75rem;
743
832
  }
833
+ body .top-7 {
834
+ top: 1.75rem;
835
+ }
836
+ body .bottom-7 {
837
+ bottom: 1.75rem;
838
+ }
839
+ body .left-7 {
840
+ left: 1.75rem;
841
+ }
842
+ body .right-7 {
843
+ right: 1.75rem;
844
+ }
744
845
  body .gap-8 {
745
846
  gap: 2rem;
746
847
  }
@@ -796,6 +897,18 @@ body .py-8 {
796
897
  padding-top: 2rem;
797
898
  padding-bottom: 2rem;
798
899
  }
900
+ body .top-8 {
901
+ top: 2rem;
902
+ }
903
+ body .bottom-8 {
904
+ bottom: 2rem;
905
+ }
906
+ body .left-8 {
907
+ left: 2rem;
908
+ }
909
+ body .right-8 {
910
+ right: 2rem;
911
+ }
799
912
  body .gap-9 {
800
913
  gap: 2.25rem;
801
914
  }
@@ -851,6 +964,18 @@ body .py-9 {
851
964
  padding-top: 2.25rem;
852
965
  padding-bottom: 2.25rem;
853
966
  }
967
+ body .top-9 {
968
+ top: 2.25rem;
969
+ }
970
+ body .bottom-9 {
971
+ bottom: 2.25rem;
972
+ }
973
+ body .left-9 {
974
+ left: 2.25rem;
975
+ }
976
+ body .right-9 {
977
+ right: 2.25rem;
978
+ }
854
979
  body .gap-10 {
855
980
  gap: 2.5rem;
856
981
  }
@@ -906,6 +1031,18 @@ body .py-10 {
906
1031
  padding-top: 2.5rem;
907
1032
  padding-bottom: 2.5rem;
908
1033
  }
1034
+ body .top-10 {
1035
+ top: 2.5rem;
1036
+ }
1037
+ body .bottom-10 {
1038
+ bottom: 2.5rem;
1039
+ }
1040
+ body .left-10 {
1041
+ left: 2.5rem;
1042
+ }
1043
+ body .right-10 {
1044
+ right: 2.5rem;
1045
+ }
909
1046
  @media (min-width: 640px) {
910
1047
  body .sm\:hidden {
911
1048
  display: none;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "doom-design-system",
3
- "version": "0.1.14",
3
+ "version": "0.1.15",
4
4
  "description": "Neubrutalist and comic book inspired design system",
5
5
  "type": "module",
6
6
  "main": "dist/index.js",