daisyui 2.15.3 → 2.18.0
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/README.md +1 -1
- package/dist/full.css +1 -1
- package/dist/styled.css +70 -2
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +26 -0
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-unstyled.js +1 -1
- package/package.json +1 -1
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
|
|
@@ -179,6 +201,10 @@
|
|
|
179
201
|
.btn-group > input[type="radio"].btn:before {
|
|
180
202
|
content: attr(data-title);
|
|
181
203
|
}
|
|
204
|
+
.btn-group-vertical {
|
|
205
|
+
flex-direction: column;
|
|
206
|
+
flex-wrap: nowrap;
|
|
207
|
+
}
|
|
182
208
|
.card {
|
|
183
209
|
position: relative;
|
|
184
210
|
display: flex;
|
|
@@ -1474,6 +1500,39 @@
|
|
|
1474
1500
|
|
|
1475
1501
|
color: hsl(var(--ac) / var(--tw-text-opacity))
|
|
1476
1502
|
}
|
|
1503
|
+
.btm-nav {
|
|
1504
|
+
height: 4rem;
|
|
1505
|
+
--tw-bg-opacity: 1;
|
|
1506
|
+
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
1507
|
+
color: currentColor
|
|
1508
|
+
}
|
|
1509
|
+
.btm-nav>* {
|
|
1510
|
+
border-color: currentColor
|
|
1511
|
+
}
|
|
1512
|
+
/* active */
|
|
1513
|
+
.btm-nav>*:where(.active) {
|
|
1514
|
+
border-top-width: 2px;
|
|
1515
|
+
--tw-bg-opacity: 1;
|
|
1516
|
+
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
1517
|
+
}
|
|
1518
|
+
/* disabled */
|
|
1519
|
+
.btm-nav>*.disabled,
|
|
1520
|
+
.btm-nav>*.disabled:hover,
|
|
1521
|
+
.btm-nav>*[disabled],
|
|
1522
|
+
.btm-nav>*[disabled]:hover {
|
|
1523
|
+
pointer-events: none;
|
|
1524
|
+
--tw-border-opacity: 0;
|
|
1525
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
1526
|
+
--tw-bg-opacity: 0.1;
|
|
1527
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
1528
|
+
--tw-text-opacity: 0.2
|
|
1529
|
+
}
|
|
1530
|
+
.btm-nav>* .label {
|
|
1531
|
+
font-size: 1rem;
|
|
1532
|
+
line-height: 1.5rem
|
|
1533
|
+
}
|
|
1534
|
+
|
|
1535
|
+
|
|
1477
1536
|
.breadcrumbs {
|
|
1478
1537
|
padding-top: 0.5rem;
|
|
1479
1538
|
padding-bottom: 0.5rem;
|
|
@@ -1841,15 +1900,24 @@
|
|
|
1841
1900
|
.btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
|
|
1842
1901
|
outline: 2px solid hsl(var(--p));
|
|
1843
1902
|
}
|
|
1844
|
-
.btn-group > .btn:not(:first-of-type) {
|
|
1903
|
+
.btn-group:not(.btn-group-vertical) > .btn:not(:first-of-type) {
|
|
1845
1904
|
margin-left: -1px;
|
|
1846
1905
|
border-top-left-radius: 0px;
|
|
1847
1906
|
border-bottom-left-radius: 0px;
|
|
1848
1907
|
}
|
|
1849
|
-
.btn-group > .btn:not(:last-of-type) {
|
|
1908
|
+
.btn-group:not(.btn-group-vertical) > .btn:not(:last-of-type) {
|
|
1850
1909
|
border-top-right-radius: 0px;
|
|
1851
1910
|
border-bottom-right-radius: 0px;
|
|
1852
1911
|
}
|
|
1912
|
+
.btn-group-vertical > .btn:not(:first-of-type) {
|
|
1913
|
+
margin-top: -1px;
|
|
1914
|
+
border-top-left-radius: 0px;
|
|
1915
|
+
border-top-right-radius: 0px;
|
|
1916
|
+
}
|
|
1917
|
+
.btn-group-vertical > .btn:not(:last-of-type) {
|
|
1918
|
+
border-bottom-right-radius: 0px;
|
|
1919
|
+
border-bottom-left-radius: 0px;
|
|
1920
|
+
}
|
|
1853
1921
|
@keyframes button-pop {
|
|
1854
1922
|
0% {
|
|
1855
1923
|
transform: scale(var(--btn-focus-scale, 0.95));
|