@kruzer/styles 3.0.0-alpha.5 → 3.0.0-alpha.6
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/kruzer-tailwind-preset.cjs +60 -45
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
module.exports = {
|
|
2
|
-
|
|
2
|
+
theme: {
|
|
3
3
|
extend: {
|
|
4
4
|
gridTemplateColumns: {
|
|
5
5
|
xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
|
|
@@ -12,7 +12,14 @@ module.exports = {
|
|
|
12
12
|
},
|
|
13
13
|
screens: {
|
|
14
14
|
'2md': '930px',
|
|
15
|
-
}
|
|
15
|
+
},
|
|
16
|
+
lineHeight: {
|
|
17
|
+
120: '120%',
|
|
18
|
+
140: '140%',
|
|
19
|
+
},
|
|
20
|
+
aria: {
|
|
21
|
+
invalid: 'invalid="true"',
|
|
22
|
+
},
|
|
16
23
|
},
|
|
17
24
|
colors: {
|
|
18
25
|
neutral: {
|
|
@@ -63,7 +70,7 @@ module.exports = {
|
|
|
63
70
|
brand: {
|
|
64
71
|
10: "rgb(var(--brand-10) / <alpha-value>)",
|
|
65
72
|
20: "rgb(var(--brand-20) / <alpha-value>)",
|
|
66
|
-
|
|
73
|
+
30: "rgb(var(--brand-30) / <alpha-value>)",
|
|
67
74
|
40: "rgb(var(--brand-40) / <alpha-value>)",
|
|
68
75
|
50: "rgb(var(--brand-50) / <alpha-value>)",
|
|
69
76
|
60: "rgb(var(--brand-60) / <alpha-value>)",
|
|
@@ -77,52 +84,36 @@ module.exports = {
|
|
|
77
84
|
"get": "rgb(var(--get) / <alpha-value>)",
|
|
78
85
|
body: 'rgb(var(--body-background) / <alpha-value>)',
|
|
79
86
|
transparent: "transparent",
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
"header-background": "rgb(var(--header-background) / <alpha-value>)",
|
|
94
|
-
"header-text": "rgb(var(--header-text) / <alpha-value>)",
|
|
95
|
-
"sidebar-background": "rgb(var(--sidebar-background) / <alpha-value>)",
|
|
96
|
-
"sidebar-hover": "rgb(var(--sidebar-hover) / <alpha-value>)",
|
|
97
|
-
"sidebar-accent": "rgb(var(--sidebar-accent) / <alpha-value>)",
|
|
98
|
-
"card-hover": "rgb(var(--card-hover) / <alpha-value>)",
|
|
99
|
-
"input-accent-color": "rgb(var(--input-accent-color) / <alpha-value>)",
|
|
100
|
-
"input-focus-shadow-color": "rgb(var(--input-focus-shadow-color) / <alpha-value>)",
|
|
101
|
-
"input-focus-shadow-error-color": "rgb(var(--input-focus-shadow-error-color) / <alpha-value>)",
|
|
102
|
-
|
|
103
87
|
},
|
|
104
88
|
spacing: {
|
|
105
89
|
0: "0",
|
|
106
|
-
1: "
|
|
107
|
-
2: "
|
|
108
|
-
3: "
|
|
109
|
-
4: "
|
|
110
|
-
5: "
|
|
111
|
-
6: "
|
|
112
|
-
7: "1.
|
|
113
|
-
8: "
|
|
114
|
-
9: "
|
|
115
|
-
10: "
|
|
116
|
-
11: "
|
|
117
|
-
12: "
|
|
118
|
-
13: "
|
|
119
|
-
14: "
|
|
90
|
+
1: ".154rem",
|
|
91
|
+
2: ".308rem",
|
|
92
|
+
3: ".462rem",
|
|
93
|
+
4: ".615rem",
|
|
94
|
+
5: ".769rem",
|
|
95
|
+
6: ".923rem",
|
|
96
|
+
7: "1.077rem",
|
|
97
|
+
8: "1.231rem",
|
|
98
|
+
9: "1.385rem",
|
|
99
|
+
10: "1.538rem",
|
|
100
|
+
11: "1.692rem",
|
|
101
|
+
12: "1.846rem",
|
|
102
|
+
13: "2rem",
|
|
103
|
+
14: "2.154rem",
|
|
104
|
+
15: "2.308rem",
|
|
105
|
+
16: "2.538rem",
|
|
106
|
+
17: "2.923rem",
|
|
107
|
+
18: "3.308rem",
|
|
108
|
+
19: "3.692rem",
|
|
109
|
+
20: "4.077rem",
|
|
110
|
+
21: "4.462rem",
|
|
120
111
|
},
|
|
121
112
|
borderRadius: {
|
|
122
113
|
none: "0",
|
|
123
|
-
sm: ".
|
|
124
|
-
DEFAULT: ".
|
|
125
|
-
lg: "
|
|
114
|
+
sm: "0.308rem",
|
|
115
|
+
DEFAULT: ".462rem",
|
|
116
|
+
lg: "2.308rem",
|
|
126
117
|
full: "9999px",
|
|
127
118
|
},
|
|
128
119
|
fontSize: {
|
|
@@ -149,6 +140,30 @@ module.exports = {
|
|
|
149
140
|
DEFAULT: '0px 2px 10px 0px rgba(0, 0, 0, 0.1)',
|
|
150
141
|
md: '0 0px 20px -1px rgb(0 0 0 / 0.1)',
|
|
151
142
|
bordered: '0 0px 0px 3px rgb(0 0 0 / 0.1)',
|
|
152
|
-
}
|
|
143
|
+
},
|
|
144
|
+
keyframes: {
|
|
145
|
+
slideDownAndFade: {
|
|
146
|
+
from: { opacity: '0', transform: 'translateY(-2px)' },
|
|
147
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
148
|
+
},
|
|
149
|
+
slideLeftAndFade: {
|
|
150
|
+
from: { opacity: '0', transform: 'translateX(2px)' },
|
|
151
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
152
|
+
},
|
|
153
|
+
slideUpAndFade: {
|
|
154
|
+
from: { opacity: '0', transform: 'translateY(2px)' },
|
|
155
|
+
to: { opacity: '1', transform: 'translateY(0)' },
|
|
156
|
+
},
|
|
157
|
+
slideRightAndFade: {
|
|
158
|
+
from: { opacity: '0', transform: 'translateX(-2px)' },
|
|
159
|
+
to: { opacity: '1', transform: 'translateX(0)' },
|
|
160
|
+
},
|
|
161
|
+
},
|
|
162
|
+
animation: {
|
|
163
|
+
slideDownAndFade: 'slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
164
|
+
slideLeftAndFade: 'slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
165
|
+
slideUpAndFade: 'slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
166
|
+
slideRightAndFade: 'slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)',
|
|
167
|
+
},
|
|
153
168
|
},
|
|
154
|
-
}
|
|
169
|
+
}
|