@duskmoon-dev/core 1.12.0 → 1.12.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.
|
@@ -3,6 +3,47 @@
|
|
|
3
3
|
* Material Design 3 inspired component library using @layer components
|
|
4
4
|
*/
|
|
5
5
|
|
|
6
|
+
/* Custom utilities (grid-cols-auto-fill-*, grid-cols-auto-fit-*, sr-only) */
|
|
7
|
+
/**
|
|
8
|
+
* Custom utility classes
|
|
9
|
+
* Extends Tailwind CSS v4 with additional utilities
|
|
10
|
+
*/
|
|
11
|
+
|
|
12
|
+
/* Responsive grid utilities with auto-fill/auto-fit */
|
|
13
|
+
@utility grid-cols-auto-fill-* {
|
|
14
|
+
grid-template-columns: repeat(auto-fill, minmax(min(calc(--value(integer) * 0.25rem), 100%), 1fr));
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
@utility grid-cols-auto-fit-* {
|
|
18
|
+
grid-template-columns: repeat(auto-fit, minmax(min(calc(--value(integer) * 0.25rem), 100%), 1fr));
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
/* Screen reader only utility - visually hidden but accessible */
|
|
22
|
+
.sr-only {
|
|
23
|
+
position: absolute;
|
|
24
|
+
width: 1px;
|
|
25
|
+
height: 1px;
|
|
26
|
+
padding: 0;
|
|
27
|
+
margin: -1px;
|
|
28
|
+
overflow: hidden;
|
|
29
|
+
clip: rect(0, 0, 0, 0);
|
|
30
|
+
white-space: nowrap;
|
|
31
|
+
border: 0;
|
|
32
|
+
}
|
|
33
|
+
|
|
34
|
+
/* Undo sr-only for focus states (useful for skip links) */
|
|
35
|
+
.not-sr-only {
|
|
36
|
+
position: static;
|
|
37
|
+
width: auto;
|
|
38
|
+
height: auto;
|
|
39
|
+
padding: 0;
|
|
40
|
+
margin: 0;
|
|
41
|
+
overflow: visible;
|
|
42
|
+
clip: auto;
|
|
43
|
+
white-space: normal;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
|
|
6
47
|
/* ============================================
|
|
7
48
|
* CORE COMPONENTS (existing)
|
|
8
49
|
* ============================================ */
|
|
@@ -11573,7 +11614,8 @@
|
|
|
11573
11614
|
display: flex;
|
|
11574
11615
|
align-items: center;
|
|
11575
11616
|
gap: 0.25rem;
|
|
11576
|
-
flex-
|
|
11617
|
+
flex-grow: 1;
|
|
11618
|
+
justify-content: flex-end;
|
|
11577
11619
|
margin-left: auto;
|
|
11578
11620
|
}
|
|
11579
11621
|
|
package/dist/index.css
CHANGED
|
@@ -1395,6 +1395,9 @@ html {
|
|
|
1395
1395
|
* Material Design 3 inspired component library using @layer components
|
|
1396
1396
|
*/
|
|
1397
1397
|
|
|
1398
|
+
/* Custom utilities (grid-cols-auto-fill-*, grid-cols-auto-fit-*, sr-only) */
|
|
1399
|
+
|
|
1400
|
+
|
|
1398
1401
|
/* ============================================
|
|
1399
1402
|
* CORE COMPONENTS (existing)
|
|
1400
1403
|
* ============================================ */
|
|
@@ -12965,7 +12968,8 @@ html {
|
|
|
12965
12968
|
display: flex;
|
|
12966
12969
|
align-items: center;
|
|
12967
12970
|
gap: 0.25rem;
|
|
12968
|
-
flex-
|
|
12971
|
+
flex-grow: 1;
|
|
12972
|
+
justify-content: flex-end;
|
|
12969
12973
|
margin-left: auto;
|
|
12970
12974
|
}
|
|
12971
12975
|
|