@duskmoon-dev/core 1.12.1 → 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.
- package/dist/components/index.css +41 -0
- package/dist/index.css +3 -0
- package/package.json +1 -1
|
@@ -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
|
* ============================================ */
|
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
|
* ============================================ */
|
package/package.json
CHANGED