daisyui 2.17.0 → 2.18.2

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/styled.css CHANGED
@@ -64,6 +64,28 @@
64
64
  padding-left: 0.563rem;
65
65
  padding-right: 0.563rem
66
66
  }
67
+ .btm-nav {
68
+ position: fixed;
69
+ bottom: 0px;
70
+ left: 0px;
71
+ right: 0px;
72
+ display: flex;
73
+ width: 100%;
74
+ flex-direction: row;
75
+ align-items: center;
76
+ justify-content: space-around
77
+ }
78
+ .btm-nav>* {
79
+ position: relative;
80
+ display: flex;
81
+ height: 100%;
82
+ flex-basis: 100%;
83
+ cursor: pointer;
84
+ flex-direction: column;
85
+ align-items: center;
86
+ justify-content: center;
87
+ gap: 0.25rem
88
+ }
67
89
  .breadcrumbs {
68
90
  max-width: 100%;
69
91
  overflow-x: auto
@@ -929,47 +951,29 @@
929
951
  cursor: pointer
930
952
  }
931
953
  .select {
932
-
933
- display: inline-flex;
934
-
935
- flex-shrink: 0;
936
-
937
- cursor: pointer;
938
-
939
- -webkit-user-select: none;
940
-
941
- user-select: none;
942
-
943
- appearance: none;
944
-
945
- height: 3rem;
946
-
947
- padding-left: 1rem;
948
-
949
- padding-right: 2.5rem;
950
-
951
- font-size: 0.875rem;
952
-
953
- line-height: 1.25rem;
954
-
955
- line-height: 2;
956
-
957
- min-height: 3rem
958
- }
954
+ display: inline-flex;
955
+ flex-shrink: 0;
956
+ cursor: pointer;
957
+ -webkit-user-select: none;
958
+ user-select: none;
959
+ appearance: none;
960
+ height: 3rem;
961
+ padding-left: 1rem;
962
+ padding-right: 2.5rem;
963
+ font-size: 0.875rem;
964
+ line-height: 1.25rem;
965
+ line-height: 2;
966
+ min-height: 3rem
959
967
 
960
968
  /* disabled */
961
-
962
- .select-disabled,
963
- .select[disabled] {
964
-
965
- pointer-events: none
969
+ /* &-disabled,
970
+ &[disabled] {
971
+ @apply pointer-events-none;
972
+ } */
966
973
  }
967
-
968
974
  /* multiple */
969
-
970
975
  .select[multiple] {
971
-
972
- height: auto
976
+ height: auto
973
977
  }
974
978
  .stack {
975
979
  display: inline-grid;
@@ -1478,6 +1482,39 @@
1478
1482
 
1479
1483
  color: hsl(var(--ac) / var(--tw-text-opacity))
1480
1484
  }
1485
+ .btm-nav {
1486
+ height: 4rem;
1487
+ --tw-bg-opacity: 1;
1488
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
1489
+ color: currentColor
1490
+ }
1491
+ .btm-nav>* {
1492
+ border-color: currentColor
1493
+ }
1494
+ /* active */
1495
+ .btm-nav>*:where(.active) {
1496
+ border-top-width: 2px;
1497
+ --tw-bg-opacity: 1;
1498
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))
1499
+ }
1500
+ /* disabled */
1501
+ .btm-nav>*.disabled,
1502
+ .btm-nav>*.disabled:hover,
1503
+ .btm-nav>*[disabled],
1504
+ .btm-nav>*[disabled]:hover {
1505
+ pointer-events: none;
1506
+ --tw-border-opacity: 0;
1507
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1508
+ --tw-bg-opacity: 0.1;
1509
+ color: hsl(var(--bc) / var(--tw-text-opacity));
1510
+ --tw-text-opacity: 0.2
1511
+ }
1512
+ .btm-nav>* .label {
1513
+ font-size: 1rem;
1514
+ line-height: 1.5rem
1515
+ }
1516
+
1517
+
1481
1518
  .breadcrumbs {
1482
1519
  padding-top: 0.5rem;
1483
1520
  padding-bottom: 0.5rem;
@@ -4013,7 +4050,7 @@ body[dir="rtl"] .checkbox:checked,
4013
4050
  content: none;
4014
4051
  }
4015
4052
  .prose pre code{
4016
- border-radius: none;
4053
+ border-radius: 0;
4017
4054
  padding: 0;
4018
4055
  }
4019
4056
  .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)){