@kruzer/styles 3.0.0-alpha.21 → 3.0.0-alpha.22
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 +32 -29
- package/package.json +1 -1
|
@@ -3,27 +3,30 @@ module.exports = {
|
|
|
3
3
|
extend: {
|
|
4
4
|
keyframes: {
|
|
5
5
|
slideDownAndFade: {
|
|
6
|
-
from: { opacity:
|
|
7
|
-
to: { opacity:
|
|
6
|
+
from: { opacity: "0", transform: "translateY(-2px)" },
|
|
7
|
+
to: { opacity: "1", transform: "translateY(0)" },
|
|
8
8
|
},
|
|
9
9
|
slideLeftAndFade: {
|
|
10
|
-
from: { opacity:
|
|
11
|
-
to: { opacity:
|
|
10
|
+
from: { opacity: "0", transform: "translateX(2px)" },
|
|
11
|
+
to: { opacity: "1", transform: "translateX(0)" },
|
|
12
12
|
},
|
|
13
13
|
slideUpAndFade: {
|
|
14
|
-
from: { opacity:
|
|
15
|
-
to: { opacity:
|
|
14
|
+
from: { opacity: "0", transform: "translateY(2px)" },
|
|
15
|
+
to: { opacity: "1", transform: "translateY(0)" },
|
|
16
16
|
},
|
|
17
17
|
slideRightAndFade: {
|
|
18
|
-
from: { opacity:
|
|
19
|
-
to: { opacity:
|
|
18
|
+
from: { opacity: "0", transform: "translateX(-2px)" },
|
|
19
|
+
to: { opacity: "1", transform: "translateX(0)" },
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
22
|
animation: {
|
|
23
|
-
slideDownAndFade:
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
23
|
+
slideDownAndFade:
|
|
24
|
+
"slideDownAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
25
|
+
slideLeftAndFade:
|
|
26
|
+
"slideLeftAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
27
|
+
slideUpAndFade: "slideUpAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
28
|
+
slideRightAndFade:
|
|
29
|
+
"slideRightAndFade 400ms cubic-bezier(0.16, 1, 0.3, 1)",
|
|
27
30
|
},
|
|
28
31
|
gridTemplateColumns: {
|
|
29
32
|
xs: "repeat(auto-fill,minmax(12.5rem,1fr))",
|
|
@@ -35,11 +38,11 @@ module.exports = {
|
|
|
35
38
|
"span-full": "1 / -1",
|
|
36
39
|
},
|
|
37
40
|
screens: {
|
|
38
|
-
|
|
41
|
+
"2md": "930px",
|
|
39
42
|
},
|
|
40
43
|
lineHeight: {
|
|
41
|
-
120:
|
|
42
|
-
140:
|
|
44
|
+
120: "120%",
|
|
45
|
+
140: "140%",
|
|
43
46
|
},
|
|
44
47
|
aria: {
|
|
45
48
|
invalid: 'invalid="true"',
|
|
@@ -101,12 +104,12 @@ module.exports = {
|
|
|
101
104
|
70: "rgb(var(--brand-70) / <alpha-value>)",
|
|
102
105
|
80: "rgb(var(--brand-80) / <alpha-value>)",
|
|
103
106
|
},
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
body:
|
|
107
|
+
post: "rgb(var(--post) / <alpha-value>)",
|
|
108
|
+
delete: "rgb(var(--delete) / <alpha-value>)",
|
|
109
|
+
put: "rgb(var(--put) / <alpha-value>)",
|
|
110
|
+
patch: "rgb(var(--patch) / <alpha-value>)",
|
|
111
|
+
get: "rgb(var(--get) / <alpha-value>)",
|
|
112
|
+
body: "rgb(var(--body-background) / <alpha-value>)",
|
|
110
113
|
transparent: "transparent",
|
|
111
114
|
brand: {
|
|
112
115
|
primary: {
|
|
@@ -283,13 +286,13 @@ module.exports = {
|
|
|
283
286
|
base: "1rem",
|
|
284
287
|
md: "1.077rem",
|
|
285
288
|
"2md": "1.231rem",
|
|
286
|
-
|
|
289
|
+
xl: "1.538rem",
|
|
287
290
|
"2xl": "2rem",
|
|
288
291
|
"3xl": "2.462rem",
|
|
289
292
|
},
|
|
290
293
|
fontFamily: {
|
|
291
|
-
|
|
292
|
-
|
|
294
|
+
sans: ["Fira Sans", "sans-serif"],
|
|
295
|
+
mono: ["Fira Mono", "monospace"],
|
|
293
296
|
},
|
|
294
297
|
fontWeight: {
|
|
295
298
|
regular: 400,
|
|
@@ -298,10 +301,10 @@ module.exports = {
|
|
|
298
301
|
bold: 700,
|
|
299
302
|
},
|
|
300
303
|
boxShadow: {
|
|
301
|
-
sm:
|
|
302
|
-
DEFAULT:
|
|
303
|
-
md:
|
|
304
|
-
bordered:
|
|
304
|
+
sm: "0px 3px 10px 0px rgba(0, 0, 0, 0.05)",
|
|
305
|
+
DEFAULT: "0px 2px 10px 0px rgba(0, 0, 0, 0.1)",
|
|
306
|
+
md: "0 0px 20px -1px rgb(0 0 0 / 0.1)",
|
|
307
|
+
bordered: "0 0px 0px 3px rgb(0 0 0 / 0.1)",
|
|
305
308
|
},
|
|
306
309
|
},
|
|
307
|
-
}
|
|
310
|
+
};
|